﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Adminage - Admin Dashboard</title>

    <!-- favicon -->
    <link rel="icon" href="{% static 'assets/img/favicon.png' %}"sizes="16x16" type="image/png" />

    <!-- Stylesheet Link -->
    <link rel="stylesheet" href="{% static 'assets/css/style.css' %}" />
</head>

<body class="t-bg-primary mx-sidenav-not-collapsed">

    <!-- Preloader  -->
    <div class="preloader-container">
        <div class="cssload-thecube m-auto">
            <div class="cssload-cube cssload-c1"></div>
            <div class="cssload-cube cssload-c2"></div>
            <div class="cssload-cube cssload-c4"></div>
            <div class="cssload-cube cssload-c3"></div>
        </div>
    </div>
    <!-- Preloader End -->

    <!-- Side Nav / Display Only Small Screen  -->
    <div class="position-relative d-xl-none">
        <div class="mx-mobile-nav-wrapper"></div>
        <div class="mx-mobile-nav">
            <div class="mx-mobile-nav__close">
                <i class="las la-times"></i>
            </div>
            <div class="mx-mobile-brand mx-mobile-nav__brand ">
                <img src="{% static 'assets/img/logo-w.png' %}"alt="Adminage" class="img-fluid mx-mobile-brand__is">
            </div>
            <nav class="mx-mobile-nav__menu" data-simplebar>
                <ul class="t-list mx-sm-sidenav">
                    <li class="mx-sm-sidenav__list">
                        <a href="index.html" class="mx-sm-sidenav__link">
                            <span class="mx-sm-sidenav__icon t-mr-8">
                                <span class='bx bx-category'></span>
                            </span>
                            <span class="mx-sm-sidenav__text text-capitalize">
                                dashboard
                            </span>
                        </a>
                    </li>
                    <li class="mx-sm-sidenav__list mx-sm-sidenav__has-sub">
                        <a href="#" class="mx-sm-sidenav__link">
                            <span class="mx-sm-sidenav__icon t-mr-8">
                                <i class='bx bxs-user'></i>
                            </span>
                            <span class="mx-sm-sidenav__text text-capitalize">
                                user
                            </span>
                        </a>
                        <ul class="t-list mx-sm-sidenav__sub">
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="user.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bxs-user-plus'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        user
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="user-list.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bxs-user-detail'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        user list
                                    </span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="mx-sm-sidenav__sub-title xsm-text t-text-light text-uppercase t-bg-primary">
                        forms & table
                    </li>

                    <li class="mx-sm-sidenav__list">
                        <a href="profile.html" class="mx-sm-sidenav__link">
                            <span class="mx-sm-sidenav__icon t-mr-8">
                                <i class='bx bxs-user-account'></i>
                            </span>
                            <span class="mx-sm-sidenav__text text-capitalize">
                                profile
                            </span>
                        </a>
                    </li>

                    <li class="mx-sm-sidenav__list mx-sm-sidenav__has-sub">
                        <a href="#" class="mx-sm-sidenav__link">
                            <span class="mx-sm-sidenav__icon t-mr-8">
                                <i class='bx bxs-folder-open'></i>
                            </span>
                            <span class="mx-sm-sidenav__text text-capitalize">
                                project
                            </span>
                        </a>
                        <ul class="t-list mx-sm-sidenav__sub">
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="create-project.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <span class='bx bx-pulse'></span>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        create project
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="project-list.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bx-list-ul'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        project list
                                    </span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="mx-sm-sidenav__list mx-sm-sidenav__has-sub">
                        <a href="#" class="mx-sm-sidenav__link">
                            <span class="mx-sm-sidenav__icon t-mr-8">
                                <i class='bx bx-message-detail'></i>
                            </span>
                            <span class="mx-sm-sidenav__text text-capitalize">
                                message
                            </span>
                        </a>
                        <ul class="t-list mx-sm-sidenav__sub">
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="chat.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bx-message-dots'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        chat
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="group-chat.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bxs-message-dots'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        group chat
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="inbox.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bx-mail-send'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        inbox
                                    </span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="mx-sm-sidenav__sub-title xsm-text t-text-light text-uppercase t-bg-primary">
                        UI component
                    </li>
                    <li class="mx-sm-sidenav__list mx-sm-sidenav__has-sub">
                        <a href="#" class="mx-sm-sidenav__link">
                            <span class="mx-sm-sidenav__icon t-mr-8">
                                <i class='bx bxs-detail'></i>
                            </span>
                            <span class="mx-sm-sidenav__text text-capitalize">
                                form
                            </span>
                        </a>
                        <ul class="t-list mx-sm-sidenav__sub">
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="form.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bx-news'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        form
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="form-validation.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bx-task'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        form validation
                                    </span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="mx-sm-sidenav__list">
                        <a href="price-table.html" class="mx-sm-sidenav__link">
                            <span class="mx-sm-sidenav__icon t-mr-8">
                                <i class='bx bx-receipt'></i>
                            </span>
                            <span class="mx-sm-sidenav__text text-capitalize">
                                price table
                            </span>
                        </a>
                    </li>
                    <li class="mx-sm-sidenav__list">
                        <a href="file-upload.html" class="mx-sm-sidenav__link">
                            <span class="mx-sm-sidenav__icon t-mr-8">
                                <i class='bx bx-upload'></i>
                            </span>
                            <span class="mx-sm-sidenav__text text-capitalize">
                                file upload
                            </span>
                        </a>
                    </li>
                    <li class="mx-sm-sidenav__list mx-sm-sidenav__has-sub">
                        <a href="#" class="mx-sm-sidenav__link">
                            <span class="mx-sm-sidenav__icon t-mr-8">
                                <i class='bx bx-library'></i>
                            </span>
                            <span class="mx-sm-sidenav__text text-capitalize">
                                UI elements
                            </span>
                        </a>
                        <ul class="t-list mx-sm-sidenav__sub">
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="button.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bx-mobile-alt bx-rotate-90'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        button
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="dropdown.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bx-upload bx-rotate-180'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        dropdown
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="table.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bx-table bx-rotate-180'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        table
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="alert.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">

                                        <i class='bx bxs-error'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        alert
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="popover.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">

                                        <i class='bx bx-copy'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        popover
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="tooltip.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">

                                        <i class='bx bx-pulse'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        tooltip
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="timeline.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bx-slider-alt bx-rotate-90'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        timeline
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="pagination.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bx-collection'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        pagination
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="symbol.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bx-pulse'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        symbol
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="overlay.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bx-layer'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        overlay
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="callout.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bx-pulse'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        callout
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="ribbon.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bx-tag-alt'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        ribbon
                                    </span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="mx-sm-sidenav__sub-title xsm-text t-text-light text-uppercase t-bg-primary">
                        features
                    </li>
                    <li class="mx-sm-sidenav__list mx-sm-sidenav__has-sub">
                        <a href="#" class="mx-sm-sidenav__link">
                            <span class="mx-sm-sidenav__icon t-mr-8">
                                <i class='bx bxs-doughnut-chart'></i>
                            </span>
                            <span class="mx-sm-sidenav__text text-capitalize">
                                chart
                            </span>
                        </a>
                        <ul class="t-list mx-sm-sidenav__sub">
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="chart.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bx-bar-chart-square'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        chart 1
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="chart-2.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bx-line-chart'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        chart 2
                                    </span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="mx-sm-sidenav__list">
                        <a href="data-table.html" class="mx-sm-sidenav__link">
                            <span class="mx-sm-sidenav__icon t-mr-8">
                                <i class='bx bxs-grid'></i>
                            </span>
                            <span class="mx-sm-sidenav__text text-capitalize">
                                data table
                            </span>
                        </a>
                    </li>
                    <li class="mx-sm-sidenav__list">
                        <a href="data-search.html" class="mx-sm-sidenav__link">
                            <span class="mx-sm-sidenav__icon t-mr-8">
                                <i class='bx bx-category'></i>
                            </span>
                            <span class="mx-sm-sidenav__text text-capitalize">
                                data search
                            </span>
                        </a>
                    </li>
                    <li class="mx-sm-sidenav__list">
                        <a href="faq.html" class="mx-sm-sidenav__link">
                            <span class="mx-sm-sidenav__icon t-mr-8">
                                <i class='bx bx-message-error'></i>
                            </span>
                            <span class="mx-sm-sidenav__text text-capitalize">
                                FAQ
                            </span>
                        </a>
                    </li>
                    <li class="mx-sm-sidenav__list">
                        <a href="mega-option.html" class="mx-sm-sidenav__link">
                            <span class="mx-sm-sidenav__icon t-mr-8">
                                <i class='bx bx-spreadsheet'></i>
                            </span>
                            <span class="mx-sm-sidenav__text text-capitalize">
                                mega option
                            </span>
                        </a>
                    </li>
                    <li class="mx-sm-sidenav__list">
                        <a href="sticky-note.html" class="mx-sm-sidenav__link">
                            <span class="mx-sm-sidenav__icon t-mr-8">
                                <i class='bx bx-sticker'></i>
                            </span>
                            <span class="mx-sm-sidenav__text text-capitalize">
                                sticky note
                            </span>
                        </a>
                    </li>
                </ul>
            </nav>
        </div>
    </div>
    <!-- Side Nav / Display Only Small Screen  End-->

    <!-- Page Wrapper -->
    <div class="container-fluid p-0">
        <div class="row g-0">
            <!--SideNav / Display Only Small Screen  -->
            <div class="col-12 d-xl-none">
                <header class="mx-mobile-header t-bg-primary ">
                    <div class="container-fluid px-3">
                        <div class="row g-3">
                            <div class="col-6 align-self-center">
                                <div class="mx-mobile-brand">
                                    <img src="{% static 'assets/img/logo-w.png' %}"alt="Adminage"
                                        class="img-fluid mx-mobile-brand__is">
                                </div>
                            </div>
                            <div class="col-6 align-self-center">
                                <nav class="mx-mobile-option">
                                    <ul class="t-list mx-mobile-menu justify-content-end">
                                        <li class="mx-mobile-menu__item">
                                            <a href="#" class="mx-mobile-menu__link mx-sm-sidenav-toggle">
                                                <i class='bx bx-menu-alt-right d-block'></i>
                                            </a>
                                        </li>
                                        <li class="mx-mobile-menu__item mx-mobile-menu__sub-header">
                                            <a href="#" class="mx-mobile-menu__link">
                                                <i class='bx bx-menu d-block'></i>
                                            </a>
                                        </li>
                                        <li class="mx-mobile-menu__item mx-mobile-menu__user">
                                            <a href="#" class="mx-mobile-menu__link">
                                                <i class='bx bxs-user-circle d-block'></i>
                                            </a>
                                        </li>
                                    </ul>
                                    <div class="mx-sub-header">
                                        <div class="container-fluid">
                                            <div class="row">
                                                <div class="col-12">
                                                    <ul class="t-list mx-sm-sidenav">
                                                        <li class="mx-sm-sidenav__list">
                                                            <form action="#" class="t-pl-15 t-pr-15 t-pt-15 t-pb-10">
                                                                <div class="mx-search-form">
                                                                    <div class="mx-search-form__icon">
                                                                        <i class='bx bx-search'></i>
                                                                    </div>
                                                                    <input type="text" class="mx-search-form__input"
                                                                        placeholder="Search...">
                                                                </div>
                                                            </form>
                                                        </li>
                                                        <li class="mx-sm-sidenav__list mx-sm-sidenav__has-sub">
                                                            <a href="#" class="mx-sm-sidenav__link">
                                                                <span class="mx-sm-sidenav__icon t-mr-8">
                                                                    <span class='bx bx-category'></span>
                                                                </span>
                                                                <span class="mx-sm-sidenav__text text-capitalize">
                                                                    dashboard
                                                                </span>
                                                            </a>
                                                            <ul class="t-list mx-sm-sidenav__sub">
                                                                <li class="mx-sm-sidenav__sub-list">
                                                                    <a href="index.html"
                                                                        class="mx-sm-sidenav__sub-link">
                                                                        <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                                                            <span class='bx bx-pulse'></span>
                                                                        </span>
                                                                        <span
                                                                            class="mx-sm-sidenav__sub-text text-capitalize">
                                                                            dashboard 1
                                                                        </span>
                                                                    </a>
                                                                </li>
                                                                <li class="mx-sm-sidenav__sub-list">
                                                                    <a href=""
                                                                        class="mx-sm-sidenav__sub-link">
                                                                        <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                                                            <span class='bx bx-pulse'></span>
                                                                        </span>
                                                                        <span
                                                                            class="mx-sm-sidenav__sub-text text-capitalize">
                                                                            dashboard 2
                                                                        </span>
                                                                    </a>
                                                                </li>
                                                                <li class="mx-sm-sidenav__sub-list">
                                                                    <a href=""
                                                                        class="mx-sm-sidenav__sub-link">
                                                                        <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                                                            <span class='bx bx-pulse'></span>
                                                                        </span>
                                                                        <span
                                                                            class="mx-sm-sidenav__sub-text text-capitalize">
                                                                            dashboard 3
                                                                        </span>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                        <li class="mx-sm-sidenav__list mx-sm-sidenav__has-sub">
                                                            <a href="#" class="mx-sm-sidenav__link">
                                                                <span class="mx-sm-sidenav__icon t-mr-8">
                                                                    <i class='bx bx-brush'></i>
                                                                </span>
                                                                <span class="mx-sm-sidenav__text text-capitalize">
                                                                    UI Component
                                                                </span>
                                                            </a>
                                                            <ul class="t-list mx-sm-sidenav__sub">
                                                                <li class="mx-sm-sidenav__sub-list">
                                                                    <a href=""
                                                                        class="mx-sm-sidenav__sub-link">
                                                                        <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                                                            <span class='bx bx-pulse'></span>
                                                                        </span>
                                                                        <span
                                                                            class="mx-sm-sidenav__sub-text text-capitalize">
                                                                            checkbox
                                                                        </span>
                                                                    </a>
                                                                </li>
                                                                <li class="mx-sm-sidenav__sub-list">
                                                                    <a href=""
                                                                        class="mx-sm-sidenav__sub-link">
                                                                        <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                                                            <span class='bx bx-pulse'></span>
                                                                        </span>
                                                                        <span
                                                                            class="mx-sm-sidenav__sub-text text-capitalize">
                                                                            progress
                                                                        </span>
                                                                    </a>
                                                                </li>
                                                                <li class="mx-sm-sidenav__sub-list">
                                                                    <a href="radio.html"
                                                                        class="mx-sm-sidenav__sub-link">
                                                                        <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                                                            <span class='bx bx-pulse'></span>
                                                                        </span>
                                                                        <span
                                                                            class="mx-sm-sidenav__sub-text text-capitalize">
                                                                            radio
                                                                        </span>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                        <li class="mx-sm-sidenav__list mx-sm-sidenav__has-sub">
                                                            <a href="#" class="mx-sm-sidenav__link">
                                                                <span class="mx-sm-sidenav__icon t-mr-8">
                                                                    <i class='bx bx-package'></i>
                                                                </span>
                                                                <span class="mx-sm-sidenav__text text-capitalize">
                                                                    packages
                                                                </span>
                                                            </a>
                                                            <ul class="t-list mx-sm-sidenav__sub">
                                                                <li class="mx-sm-sidenav__sub-list">
                                                                    <a href=""
                                                                        class="mx-sm-sidenav__sub-link">
                                                                        <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                                                            <span class='bx bx-pulse'></span>
                                                                        </span>
                                                                        <span
                                                                            class="mx-sm-sidenav__sub-text text-capitalize">
                                                                            kanban board
                                                                        </span>
                                                                    </a>
                                                                </li>
                                                                <li class="mx-sm-sidenav__sub-list">
                                                                    <a href=""
                                                                        class="mx-sm-sidenav__sub-link">
                                                                        <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                                                            <span class='bx bx-pulse'></span>
                                                                        </span>
                                                                        <span
                                                                            class="mx-sm-sidenav__sub-text text-capitalize">
                                                                            tagify
                                                                        </span>
                                                                    </a>
                                                                </li>
                                                                <li class="mx-sm-sidenav__sub-list">
                                                                    <a href=""
                                                                        class="mx-sm-sidenav__sub-link">
                                                                        <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                                                            <span class='bx bx-pulse'></span>
                                                                        </span>
                                                                        <span
                                                                            class="mx-sm-sidenav__sub-text text-capitalize">
                                                                            cropper
                                                                        </span>
                                                                    </a>
                                                                </li>
                                                                <li class="mx-sm-sidenav__sub-list">
                                                                    <a href=""
                                                                        class="mx-sm-sidenav__sub-link">
                                                                        <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                                                            <span class='bx bx-pulse'></span>
                                                                        </span>
                                                                        <span
                                                                            class="mx-sm-sidenav__sub-text text-capitalize">
                                                                            tree view
                                                                        </span>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                        <li class="mx-sm-sidenav__list mx-sm-sidenav__has-sub">
                                                            <a href="#" class="mx-sm-sidenav__link">
                                                                <span class="mx-sm-sidenav__icon t-mr-8">
                                                                    <i class='bx bx-folder-open'></i>
                                                                </span>
                                                                <span class="mx-sm-sidenav__text text-capitalize">
                                                                    pages
                                                                </span>
                                                            </a>
                                                            <ul class="t-list mx-sm-sidenav__sub">
                                                                <li class="mx-sm-sidenav__sub-list">
                                                                    <a href=""
                                                                        class="mx-sm-sidenav__sub-link">
                                                                        <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                                                            <span class='bx bx-pulse'></span>
                                                                        </span>
                                                                        <span
                                                                            class="mx-sm-sidenav__sub-text text-capitalize">
                                                                            kanban board
                                                                        </span>
                                                                    </a>
                                                                </li>
                                                                <li class="mx-sm-sidenav__sub-list">
                                                                    <a href=""
                                                                        class="mx-sm-sidenav__sub-link">
                                                                        <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                                                            <span class='bx bx-pulse'></span>
                                                                        </span>
                                                                        <span
                                                                            class="mx-sm-sidenav__sub-text text-capitalize">
                                                                            tagify
                                                                        </span>
                                                                    </a>
                                                                </li>
                                                                <li class="mx-sm-sidenav__sub-list">
                                                                    <a href=""
                                                                        class="mx-sm-sidenav__sub-link">
                                                                        <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                                                            <span class='bx bx-pulse'></span>
                                                                        </span>
                                                                        <span
                                                                            class="mx-sm-sidenav__sub-text text-capitalize">
                                                                            cropper
                                                                        </span>
                                                                    </a>
                                                                </li>
                                                                <li class="mx-sm-sidenav__sub-list">
                                                                    <a href=""
                                                                        class="mx-sm-sidenav__sub-link">
                                                                        <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                                                            <span class='bx bx-pulse'></span>
                                                                        </span>
                                                                        <span
                                                                            class="mx-sm-sidenav__sub-text text-capitalize">
                                                                            tree view
                                                                        </span>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="mx-sm-user">
                                        <div class="container-fluid">
                                            <div class="row">
                                                <div class="col-12">
                                                    <ul class="t-list mx-sm-sidenav">
                                                        <li class="mx-sm-sidenav__list">
                                                            <a href="#"
                                                                class="mx-sm-sidenav__link flex-column align-items-start">
                                                                <span class="text-capitalize fw-bold d-block t-pt-5">
                                                                    harun agrosz
                                                                </span>
                                                                <span class="text-capitalize xsm-text d-block mt-1">
                                                                    admin
                                                                </span>
                                                            </a>
                                                            <hr class="mx-hr mx-hr--primary">
                                                        </li>
                                                        <li class="mx-sm-sidenav__list">
                                                            <a href="#" class="mx-sm-sidenav__link">
                                                                <span class="mx-sm-sidenav__icon t-mr-8">
                                                                    <i class='bx bx-user'></i>
                                                                </span>
                                                                <span class="mx-sm-sidenav__text text-capitalize">
                                                                    profile
                                                                </span>
                                                            </a>
                                                        </li>
                                                        <li class="mx-sm-sidenav__list">
                                                            <a href="#" class="mx-sm-sidenav__link">
                                                                <span class="mx-sm-sidenav__icon t-mr-8">
                                                                    <i class='bx bxs-user-account'></i>
                                                                </span>
                                                                <span class="mx-sm-sidenav__text text-capitalize">
                                                                    add account
                                                                </span>
                                                            </a>
                                                        </li>
                                                        <li class="mx-sm-sidenav__list">
                                                            <a href="#" class="mx-sm-sidenav__link">
                                                                <span class="mx-sm-sidenav__icon t-mr-8">
                                                                    <i class='bx bx-lock'></i>
                                                                </span>
                                                                <span class="mx-sm-sidenav__text text-capitalize">
                                                                    reset password
                                                                </span>
                                                            </a>
                                                        </li>
                                                        <li class="mx-sm-sidenav__list">
                                                            <a href="#" class="mx-sm-sidenav__link">
                                                                <span class="mx-sm-sidenav__icon t-mr-8">
                                                                    <i class='bx bx-help-circle'></i>
                                                                </span>
                                                                <span class="mx-sm-sidenav__text text-capitalize">
                                                                    help
                                                                </span>
                                                            </a>
                                                            <hr class="mx-hr mx-hr--primary">
                                                        </li>
                                                        <li class="mx-sm-sidenav__list">
                                                            <a href="#" class="mx-sm-sidenav__link">
                                                                <span class="mx-sm-sidenav__icon t-mr-8">
                                                                    <i class='bx bx-log-out-circle'></i>
                                                                </span>
                                                                <span class="mx-sm-sidenav__text text-capitalize">
                                                                    log out
                                                                </span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </nav>
                            </div>
                        </div>
                    </div>

                </header>
            </div>
            <!--HSideNav/ Display Only Small Screen End -->

            <!--SideNav / Display Only Large Screen  -->
            <div class="col-3 col-xxl-2 mx-sidenav d-none d-xl-block">
                <!-- Side Nav  -->
                <div class="mx-sidenav__content t-bg-primary">
                    <!-- Side Nav Brand  -->
                    <div class="mx-sidenav__brand">
                        <a href="index.html" class="mx-sidenav__logo t-link">
                            <img src="{% static 'assets/img/logo-w.png' %}"alt="Adminage" class="img-fluid mx-sidenav__logo-is">
                        </a>
                        <a href="index.html" class="t-link mx-sidenav__logo-sm">
                            <img src="{% static 'assets/img/logo-w-sm.png' %}"alt="Adminage" class="img-fluid mx-sidenav__logo-sm-is">
                        </a>
                    </div>
                    <!-- Side Nav Brand  End-->
                    <div class="mx-sidenav__menu-container">
                        <nav class="mx-sidenav__menu">
                            <ul class="t-list mx-sidenav__menu-is">
                                <li class="mx-sidenav__menu-item ">
                                    <a href="index.html" class="mx-sidenav__menu-link">
                                        <span class="mx-sidenav__menu-icon t-mr-15">
                                            <span class='bx bx-category'></span>
                                        </span>
                                        <span class="mx-sidenav__menu-text text-capitalize">
                                            dashboard
                                        </span>
                                    </a>
                                </li>

                                <li class="mx-sidenav__menu-item mx-sidenav__has-sub">
                                    <a href="#" class="mx-sidenav__menu-link">
                                        <span class="mx-sidenav__menu-icon t-mr-15">
                                            <span class='bx bx-user-circle'></span>
                                        </span>
                                        <span class="mx-sidenav__menu-text text-capitalize">
                                            user
                                        </span>
                                    </a>
                                    <ul class="t-list mx-sidenav__sub mx-sidenav__sub--hide">
                                        <li class="mx-sidenav__sub-item">
                                            <a href="user.html" class="mx-sidenav__sub-link">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bxs-user-plus'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    user
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="user-list.html" class="mx-sidenav__sub-link ">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bxs-user-detail'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    user list
                                                </span>
                                            </a>
                                        </li>
                                    </ul>
                                </li>

                                <li class="mx-sidenav__menu-item ">
                                    <a href="profile.html" class="mx-sidenav__menu-link">
                                        <span class="mx-sidenav__menu-icon t-mr-15">
                                            <i class='bx bxs-user-account'></i>
                                        </span>
                                        <span class="mx-sidenav__menu-text text-capitalize">
                                            profile
                                        </span>
                                    </a>
                                </li>

                                <li class="mx-sidenav__menu-item mx-sidenav__has-sub">
                                    <a href="#" class="mx-sidenav__menu-link">
                                        <span class="mx-sidenav__menu-icon t-mr-15">
                                            <i class='bx bxs-folder-open'></i>
                                        </span>
                                        <span class="mx-sidenav__menu-text text-capitalize">
                                            project
                                        </span>
                                    </a>
                                    <ul class="t-list mx-sidenav__sub mx-sidenav__sub--hide">
                                        <li class="mx-sidenav__sub-item">
                                            <a href="create-project.html" class="mx-sidenav__sub-link ">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <span class='bx bx-pulse'></span>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    create project
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="project-list.html" class="mx-sidenav__sub-link">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <span class='bx bx-pulse'></span>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    project list
                                                </span>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="mx-sidenav__menu-item mx-sidenav__has-sub active-page">
                                    <a href="#" class="mx-sidenav__menu-link">
                                        <span class="mx-sidenav__menu-icon t-mr-15">
                                            <i class='bx bx-message-detail'></i>
                                        </span>
                                        <span class="mx-sidenav__menu-text text-capitalize">
                                            message
                                        </span>
                                    </a>
                                    <ul class="t-list mx-sidenav__sub ">
                                        <li class="mx-sidenav__sub-item">
                                            <a href="chat.html" class="mx-sidenav__sub-link active-page">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-message-dots'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    chat
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="group-chat.html" class="mx-sidenav__sub-link ">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bxs-message-dots'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    group chat
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="inbox.html" class="mx-sidenav__sub-link ">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-mail-send'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    inbox
                                                </span>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="mx-sidenav__menu-item mx-sidenav__has-sub">
                                    <a href="#" class="mx-sidenav__menu-link">
                                        <span class="mx-sidenav__menu-icon t-mr-15">
                                            <i class='bx bxs-detail'></i>
                                        </span>
                                        <span class="mx-sidenav__menu-text text-capitalize">
                                            form
                                        </span>
                                    </a>
                                    <ul class="t-list mx-sidenav__sub mx-sidenav__sub--hide">
                                        <li class="mx-sidenav__sub-item">
                                            <a href="form.html" class="mx-sidenav__sub-link">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-news'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    form
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="form-validation.html" class="mx-sidenav__sub-link ">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-task'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    form validation
                                                </span>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="mx-sidenav__menu-item">
                                    <a href="price-table.html" class="mx-sidenav__menu-link">
                                        <span class="mx-sidenav__menu-icon t-mr-15">
                                            <i class='bx bx-receipt'></i>
                                        </span>
                                        <span class="mx-sidenav__menu-text text-capitalize">
                                            price table
                                        </span>
                                    </a>
                                </li>
                                <li class="mx-sidenav__menu-item mx-sidenav__has-sub">
                                    <a href="#" class="mx-sidenav__menu-link">
                                        <span class="mx-sidenav__menu-icon t-mr-15">
                                            <i class='bx bx-library'></i>
                                        </span>
                                        <span class="mx-sidenav__menu-text text-capitalize">
                                            UI elements
                                        </span>
                                    </a>
                                    <ul class="t-list mx-sidenav__sub mx-sidenav__sub--hide">
                                        <li class="mx-sidenav__sub-item">
                                            <a href="button.html" class="mx-sidenav__sub-link">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-mobile-alt bx-rotate-90'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    button
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="dropdown.html" class="mx-sidenav__sub-link ">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-upload bx-rotate-180'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    dropdown
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="table.html" class="mx-sidenav__sub-link ">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-table bx-rotate-180'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    table
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="alert.html" class="mx-sidenav__sub-link ">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bxs-error'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    alert
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="popover.html" class="mx-sidenav__sub-link ">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-copy'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    popover
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="tooltip.html" class="mx-sidenav__sub-link ">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-pulse'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    tooltip
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="timeline.html" class="mx-sidenav__sub-link ">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-slider-alt bx-rotate-90'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    timeline
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="pagination.html" class="mx-sidenav__sub-link ">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-collection'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    pagination
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="symbol.html" class="mx-sidenav__sub-link ">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-pulse'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    symbol
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="overlay.html" class="mx-sidenav__sub-link ">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-layer'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    overlay
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="callout.html" class="mx-sidenav__sub-link ">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-pulse'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    callout
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="ribbon.html" class="mx-sidenav__sub-link ">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-tag-alt'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    ribbon
                                                </span>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="mx-sidenav__menu-item mx-sidenav__has-sub">
                                    <a href="#" class="mx-sidenav__menu-link">
                                        <span class="mx-sidenav__menu-icon t-mr-15">
                                            <i class='bx bxs-doughnut-chart'></i>
                                        </span>
                                        <span class="mx-sidenav__menu-text text-capitalize">
                                            chart
                                        </span>
                                    </a>
                                    <ul class="t-list mx-sidenav__sub mx-sidenav__sub--hide">
                                        <li class="mx-sidenav__sub-item">
                                            <a href="chart.html" class="mx-sidenav__sub-link">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-bar-chart-square'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    chart 1
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="chart-2.html" class="mx-sidenav__sub-link ">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-line-chart'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    chart 2
                                                </span>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="mx-sidenav__menu-item">
                                    <a href="data-table.html" class="mx-sidenav__menu-link">
                                        <span class="mx-sidenav__menu-icon t-mr-15">
                                            <i class='bx bxs-grid'></i>
                                        </span>
                                        <span class="mx-sidenav__menu-text text-capitalize">
                                            data table
                                        </span>
                                    </a>
                                </li>
                                <li class="mx-sidenav__menu-item">
                                    <a href="data-search.html" class="mx-sidenav__menu-link">
                                        <span class="mx-sidenav__menu-icon t-mr-15">
                                            <i class='bx bx-category'></i>
                                        </span>
                                        <span class="mx-sidenav__menu-text text-capitalize">
                                            data search
                                        </span>
                                    </a>
                                </li>
                                <li class="mx-sidenav__menu-item">
                                    <a href="faq.html" class="mx-sidenav__menu-link">
                                        <span class="mx-sidenav__menu-icon t-mr-15">
                                            <i class='bx bx-message-error'></i>
                                        </span>
                                        <span class="mx-sidenav__menu-text text-capitalize">
                                            FAQ
                                        </span>
                                    </a>
                                </li>
                                <li class="mx-sidenav__menu-item">
                                    <a href="mega-option.html" class="mx-sidenav__menu-link">
                                        <span class="mx-sidenav__menu-icon t-mr-15">
                                            <i class='bx bx-spreadsheet'></i>
                                        </span>
                                        <span class="mx-sidenav__menu-text text-capitalize">
                                            mega option
                                        </span>
                                    </a>
                                </li>
                                <li class="mx-sidenav__menu-item">
                                    <a href="sticky-note.html" class="mx-sidenav__menu-link">
                                        <span class="mx-sidenav__menu-icon t-mr-15">
                                            <i class='bx bx-sticker'></i>
                                        </span>
                                        <span class="mx-sidenav__menu-text text-capitalize">
                                            sticky note
                                        </span>
                                    </a>
                                </li>
                            </ul>
                        </nav>
                    </div>
                </div>
                <!-- Side Nav End -->
            </div>
            <!--SideNav / Display Only Large Screen End -->

            <div class="col-9 col-xxl-10 flex-grow-1">
                <div class="container-fluid px-2 px-xxl-0">
                    <div class="row g-2 g-xxl-0">
                        <div class="col-12">
                            <div class="mx-body">

                                <header class="header sticky-top d-none d-xl-block">
                                    <div class="primary-nav t-bg-primary">
                                        <div class="container-fluid px-0">
                                            <div class="row g-0">
                                                <div class="col-lg-12">
                                                    <div class="primary-nav-list--right-wrapper">
                                                        <ul class="t-list primary-nav-list primary-nav-list--right">
                                                            <li
                                                                class="primary-nav-list__item border-bottom-0 d-none d-lg-block t-line-1 ">
                                                                <a href="#" class="t-link mx-sidenav-toggle">
                                                                    <span class="mx-sidenav-toggle__icon"></span>
                                                                </a>
                                                            </li>
                                                            <li
                                                                class="primary-nav-list__item border-bottom-0 d-none d-lg-block t-line-1">
                                                                <form action="#"
                                                                    class="t-pl-15 t-pr-15 t-pt-15 t-pb-15">
                                                                    <div class="mx-search-form">
                                                                        <div class="mx-search-form__icon">
                                                                            <i class='bx bx-search'></i>
                                                                        </div>
                                                                        <input type="text" class="mx-search-form__input"
                                                                            placeholder="Search...">
                                                                    </div>
                                                                </form>
                                                            </li>
                                                            <li class="primary-nav-list__item border-bottom-0">
                                                                <div class="dropdown">
                                                                    <a href="#" aria-expanded="false"
                                                                        data-toggle="dropdown"
                                                                        class="t-link w-100 primary-nav-list__link primary-nav-list__link-has-menu text-capitalize">
                                                                        <span
                                                                            class="primary-nav-list__icon--lg d-lg-none">
                                                                            <i class="las la-bars"></i>
                                                                        </span>
                                                                        <span
                                                                            class="mega-menu__toggle d-none d-lg-block">
                                                                            pages
                                                                        </span>
                                                                    </a>
                                                                    <div
                                                                        class="dropdown-menu messages-dropdown messages-dropdown--mega-menu">
                                                                        <div class="messages messages--primary">
                                                                            <div class="messages__body" data-simplebar>
                                                                                <ul class="t-list mega-menu">
                                                                                    <li class="mega-menu__list">
                                                                                        <span
                                                                                            class="mega-menu__title text-uppercase">
                                                                                            UI
                                                                                            components
                                                                                        </span>
                                                                                        <ul
                                                                                            class="t-list mega-menu__sub">
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="button.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    button
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="dropdown.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    dropdown
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="table.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    table
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="alert.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    alert
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="popover.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    popover
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="tooltip.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    tooltip
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="timeline.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    timeline
                                                                                                </a>
                                                                                            </li>
                                                                                        </ul>
                                                                                    </li>
                                                                                    <li class="mega-menu__list">
                                                                                        <span
                                                                                            class="mega-menu__title text-uppercase">
                                                                                            user details
                                                                                        </span>
                                                                                        <ul
                                                                                            class="t-list mega-menu__sub">
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="user.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    user
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="user-list.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    user list
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="profile.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    profile
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="inbox.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    inbox
                                                                                                </a>
                                                                                            </li>
                                                                                        </ul>
                                                                                    </li>
                                                                                    <li class="mega-menu__list">
                                                                                        <span
                                                                                            class="mega-menu__title text-uppercase">
                                                                                            elements
                                                                                        </span>
                                                                                        <ul
                                                                                            class="t-list mega-menu__sub">
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="chat.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    chat
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="group-chat.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    group chat
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="form.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    form
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="form-validation.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    form validation
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="price-table.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    price table
                                                                                                </a>
                                                                                            </li>
                                                                                        </ul>
                                                                                    </li>
                                                                                    <li class="mega-menu__list">
                                                                                        <span
                                                                                            class="mega-menu__title text-uppercase">
                                                                                            data info
                                                                                        </span>
                                                                                        <ul
                                                                                            class="t-list mega-menu__sub">
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="chart.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    chart 1
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="chart-2.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    chart 2
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="data-table.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    data table
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="data-search.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    data search
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="faq.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    FAQ
                                                                                                </a>
                                                                                            </li>
                                                                                        </ul>
                                                                                    </li>
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </li>

                                                            <li class="primary-nav-list__item border-bottom-0">
                                                                <div class="dropdown">
                                                                    <a href="#" aria-expanded="false"
                                                                        data-toggle="dropdown"
                                                                        class="t-link w-100 primary-nav-list__link primary-nav-list__link-has-menu text-capitalize">
                                                                        <span
                                                                            class="primary-nav-list__icon--lg t-line-1">
                                                                            <i class='bx bx-message-detail'></i>
                                                                        </span>
                                                                    </a>
                                                                    <div
                                                                        class="dropdown-menu messages-dropdown messages-dropdown--lg-right">
                                                                        <div class="messages messages--primary">
                                                                            <div class="messages__top">
                                                                                <span
                                                                                    class="messages__top-text text-capitalize">recent
                                                                                    chats</span>
                                                                                <a href="#"
                                                                                    class="t-link messages__top-link text-capitalize messages__top-text">
                                                                                    <span class="t-mr-5 d-inline-block">
                                                                                        <i class="las la-cog"></i>
                                                                                    </span>
                                                                                    settings
                                                                                </a>
                                                                            </div>
                                                                            <div class="messages__body" data-simplebar>
                                                                                <ul class="t-list messages__list">
                                                                                    <li class="messages__list-item">
                                                                                        <a href="#"
                                                                                            class="t-link w-100">
                                                                                            <div class="messages__msg">
                                                                                                <div
                                                                                                    class="messages__avatar messages__avatar-empty t-bg-alpha">
                                                                                                    <div
                                                                                                        class="messages__avatar-replacer text-uppercase">
                                                                                                        as
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__avatar-notification messages__avatar-notification--active">
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content messages__content--unseen">
                                                                                                    <div
                                                                                                        class="messages__title">
                                                                                                        <span
                                                                                                            class="messages__author text-capitalize">
                                                                                                            Asaduzzaman
                                                                                                            sarker
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__time text-capitalize">
                                                                                                            now
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__content-body">
                                                                                                        <span
                                                                                                            class="messages__preview">
                                                                                                            Hi,
                                                                                                            I'm
                                                                                                            Asaduzzaman,
                                                                                                            are
                                                                                                            u
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__status messages__status--unseen"></span>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </a>
                                                                                    </li>
                                                                                    <li class="messages__list-item">
                                                                                        <a href="#"
                                                                                            class="t-link w-100">
                                                                                            <div class="messages__msg">
                                                                                                <div
                                                                                                    class="messages__avatar messages__avatar-empty t-bg-alpha">
                                                                                                    <img src="{% static 'assets/img/user.jpg' %}"
                                                                                                        alt="Adminage"
                                                                                                        class="img-fluid w-100" />
                                                                                                    <div
                                                                                                        class="messages__avatar-notification messages__avatar-notification--offline">
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content messages__content--unseen">
                                                                                                    <div
                                                                                                        class="messages__title">
                                                                                                        <span
                                                                                                            class="messages__author text-capitalize">
                                                                                                            metal
                                                                                                            slug
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__time text-capitalize">
                                                                                                            8:08
                                                                                                            PM
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__content-body">
                                                                                                        <span
                                                                                                            class="messages__preview">
                                                                                                            Hi,
                                                                                                            I'm
                                                                                                            a
                                                                                                            gamer,
                                                                                                            are
                                                                                                            u
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__status messages__status--seen"></span>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </a>
                                                                                    </li>
                                                                                    <li class="messages__list-item">
                                                                                        <a href="#"
                                                                                            class="t-link w-100">
                                                                                            <div class="messages__msg">
                                                                                                <div
                                                                                                    class="messages__avatar messages__avatar-empty t-bg-gamma">
                                                                                                    <div
                                                                                                        class="messages__avatar-replacer text-uppercase">
                                                                                                        tk
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__avatar-notification messages__avatar-notification--offline">
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content messages__content--unseen">
                                                                                                    <div
                                                                                                        class="messages__title">
                                                                                                        <span
                                                                                                            class="messages__author text-capitalize">
                                                                                                            tonmoy
                                                                                                            khan
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__time text-capitalize">
                                                                                                            now
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__content-body">
                                                                                                        <span
                                                                                                            class="messages__preview">
                                                                                                            Receive
                                                                                                            the
                                                                                                            phone
                                                                                                            ASAP
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__status messages__status--unseen"></span>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </a>
                                                                                    </li>
                                                                                    <li class="messages__list-item">
                                                                                        <a href="#"
                                                                                            class="t-link w-100">
                                                                                            <div class="messages__msg">
                                                                                                <div
                                                                                                    class="messages__avatar messages__avatar-empty t-bg-delta">
                                                                                                    <div
                                                                                                        class="messages__avatar-replacer text-uppercase">
                                                                                                        gp
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__avatar-notification messages__avatar-notification--active">
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content messages__content--unseen">
                                                                                                    <div
                                                                                                        class="messages__title">
                                                                                                        <span
                                                                                                            class="messages__author text-capitalize">
                                                                                                            groups
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__time text-capitalize">
                                                                                                            5:07
                                                                                                            AM
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__content-body">
                                                                                                        <span
                                                                                                            class="messages__preview">
                                                                                                            I
                                                                                                            want
                                                                                                            to
                                                                                                            buy
                                                                                                            this
                                                                                                            things
                                                                                                            anybody...
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__status messages__status--seen"></span>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </a>
                                                                                    </li>
                                                                                    <li class="messages__list-item">
                                                                                        <a href="#"
                                                                                            class="t-link w-100">
                                                                                            <div class="messages__msg">
                                                                                                <div
                                                                                                    class="messages__avatar messages__avatar-empty t-bg-alpha">
                                                                                                    <div
                                                                                                        class="messages__avatar-replacer text-uppercase">
                                                                                                        as
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__avatar-notification messages__avatar-notification--active">
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content messages__content--unseen">
                                                                                                    <div
                                                                                                        class="messages__title">
                                                                                                        <span
                                                                                                            class="messages__author text-capitalize">
                                                                                                            Asaduzzaman
                                                                                                            sarker
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__time text-capitalize">
                                                                                                            now
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__content-body">
                                                                                                        <span
                                                                                                            class="messages__preview">
                                                                                                            Hi,
                                                                                                            I'm
                                                                                                            Asaduzzaman,
                                                                                                            are
                                                                                                            u
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__status messages__status--unseen"></span>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </a>
                                                                                    </li>
                                                                                    <li class="messages__list-item">
                                                                                        <a href="#"
                                                                                            class="t-link w-100">
                                                                                            <div class="messages__msg">
                                                                                                <div
                                                                                                    class="messages__avatar messages__avatar-empty t-bg-alpha">
                                                                                                    <img src="{% static 'assets/img/user.jpg' %}"
                                                                                                        alt="Adminage"
                                                                                                        class="img-fluid w-100" />
                                                                                                    <div
                                                                                                        class="messages__avatar-notification messages__avatar-notification--offline">
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content messages__content--unseen">
                                                                                                    <div
                                                                                                        class="messages__title">
                                                                                                        <span
                                                                                                            class="messages__author text-capitalize">
                                                                                                            metal
                                                                                                            slug
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__time text-capitalize">
                                                                                                            8:08
                                                                                                            PM
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__content-body">
                                                                                                        <span
                                                                                                            class="messages__preview">
                                                                                                            Hi,
                                                                                                            I'm
                                                                                                            a
                                                                                                            gamer,
                                                                                                            are
                                                                                                            u
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__status messages__status--seen"></span>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </a>
                                                                                    </li>
                                                                                </ul>
                                                                            </div>
                                                                            <div class="messages__footer text-center">
                                                                                <a href="#"
                                                                                    class="t-link messages__view-all text-capitalize t-text-light">
                                                                                    view all
                                                                                </a>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            <li class="primary-nav-list__item border-bottom-0">
                                                                <div class="dropdown">
                                                                    <a href="#" aria-expanded="false"
                                                                        data-toggle="dropdown"
                                                                        class="t-link w-100 primary-nav-list__link primary-nav-list__link-has-menu text-capitalize">
                                                                        <span
                                                                            class="primary-nav-list__icon--lg t-line-1">
                                                                            <i class='bx bx-bell'></i>
                                                                        </span>
                                                                    </a>
                                                                    <div
                                                                        class="dropdown-menu messages-dropdown messages-dropdown--lg-right">
                                                                        <div class="messages messages--primary">
                                                                            <div class="messages__top">
                                                                                <span
                                                                                    class="messages__top-text text-capitalize">notifications</span>
                                                                                <a href="#"
                                                                                    class="t-link messages__top-link text-capitalize messages__top-text">
                                                                                    mark all
                                                                                    as read
                                                                                </a>
                                                                            </div>
                                                                            <div class="messages__body" data-simplebar>
                                                                                <ul class="t-list messages__list">
                                                                                    <li class="messages__list-item">
                                                                                        <a href="#"
                                                                                            class="t-link w-100">
                                                                                            <div class="messages__msg">
                                                                                                <div
                                                                                                    class="messages__avatar messages__avatar-empty t-bg-alpha">
                                                                                                    <div
                                                                                                        class="messages__avatar-replacer text-uppercase">
                                                                                                        as
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__avatar-notification messages__avatar-notification--active">
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content messages__content--unseen">
                                                                                                    <div
                                                                                                        class="messages__title">
                                                                                                        <span
                                                                                                            class="messages__author text-capitalize">
                                                                                                            Asaduzzaman
                                                                                                            sarker
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__time text-capitalize">
                                                                                                            now
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__content-body">
                                                                                                        <span
                                                                                                            class="messages__preview">
                                                                                                            Hi,
                                                                                                            I'm
                                                                                                            Asaduzzaman,
                                                                                                            are
                                                                                                            u
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__status messages__status--unseen"></span>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </a>
                                                                                    </li>
                                                                                    <li class="messages__list-item">
                                                                                        <a href="#"
                                                                                            class="t-link w-100">
                                                                                            <div class="messages__msg">
                                                                                                <div
                                                                                                    class="messages__avatar messages__avatar-empty t-bg-alpha">
                                                                                                    <img src="{% static 'assets/img/user.jpg' %}"
                                                                                                        alt="Adminage"
                                                                                                        class="img-fluid w-100" />
                                                                                                    <div
                                                                                                        class="messages__avatar-notification messages__avatar-notification--offline">
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content messages__content--unseen">
                                                                                                    <div
                                                                                                        class="messages__title">
                                                                                                        <span
                                                                                                            class="messages__author text-capitalize">
                                                                                                            metal
                                                                                                            slug
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__time text-capitalize">
                                                                                                            8:08
                                                                                                            PM
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__content-body">
                                                                                                        <span
                                                                                                            class="messages__preview">
                                                                                                            Hi,
                                                                                                            I'm
                                                                                                            a
                                                                                                            gamer,
                                                                                                            are
                                                                                                            u
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__status messages__status--seen"></span>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </a>
                                                                                    </li>
                                                                                    <li class="messages__list-item">
                                                                                        <a href="#"
                                                                                            class="t-link w-100">
                                                                                            <div class="messages__msg">
                                                                                                <div
                                                                                                    class="messages__avatar messages__avatar-empty t-bg-gamma">
                                                                                                    <div
                                                                                                        class="messages__avatar-replacer text-uppercase">
                                                                                                        tk
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__avatar-notification messages__avatar-notification--offline">
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content messages__content--unseen">
                                                                                                    <div
                                                                                                        class="messages__title">
                                                                                                        <span
                                                                                                            class="messages__author text-capitalize">
                                                                                                            tonmoy
                                                                                                            khan
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__time text-capitalize">
                                                                                                            now
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__content-body">
                                                                                                        <span
                                                                                                            class="messages__preview">
                                                                                                            Receive
                                                                                                            the
                                                                                                            phone
                                                                                                            ASAP
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__status messages__status--unseen"></span>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </a>
                                                                                    </li>
                                                                                    <li class="messages__list-item">
                                                                                        <a href="#"
                                                                                            class="t-link w-100">
                                                                                            <div class="messages__msg">
                                                                                                <div
                                                                                                    class="messages__avatar messages__avatar-empty t-bg-delta">
                                                                                                    <div
                                                                                                        class="messages__avatar-replacer text-uppercase">
                                                                                                        gp
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__avatar-notification messages__avatar-notification--active">
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content messages__content--unseen">
                                                                                                    <div
                                                                                                        class="messages__title">
                                                                                                        <span
                                                                                                            class="messages__author text-capitalize">
                                                                                                            groups
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__time text-capitalize">
                                                                                                            5:07
                                                                                                            AM
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__content-body">
                                                                                                        <span
                                                                                                            class="messages__preview">
                                                                                                            I
                                                                                                            want
                                                                                                            to
                                                                                                            buy
                                                                                                            this
                                                                                                            things
                                                                                                            anybody...
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__status messages__status--seen"></span>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </a>
                                                                                    </li>
                                                                                    <li class="messages__list-item">
                                                                                        <a href="#"
                                                                                            class="t-link w-100">
                                                                                            <div class="messages__msg">
                                                                                                <div
                                                                                                    class="messages__avatar messages__avatar-empty t-bg-alpha">
                                                                                                    <div
                                                                                                        class="messages__avatar-replacer text-uppercase">
                                                                                                        as
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__avatar-notification messages__avatar-notification--active">
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content messages__content--unseen">
                                                                                                    <div
                                                                                                        class="messages__title">
                                                                                                        <span
                                                                                                            class="messages__author text-capitalize">
                                                                                                            Asaduzzaman
                                                                                                            sarker
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__time text-capitalize">
                                                                                                            now
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__content-body">
                                                                                                        <span
                                                                                                            class="messages__preview">
                                                                                                            Hi,
                                                                                                            I'm
                                                                                                            Asaduzzaman,
                                                                                                            are
                                                                                                            u
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__status messages__status--unseen"></span>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </a>
                                                                                    </li>
                                                                                    <li class="messages__list-item">
                                                                                        <a href="#"
                                                                                            class="t-link w-100">
                                                                                            <div class="messages__msg">
                                                                                                <div
                                                                                                    class="messages__avatar messages__avatar-empty t-bg-alpha">
                                                                                                    <img src="{% static 'assets/img/user.jpg' %}"
                                                                                                        alt="Adminage"
                                                                                                        class="img-fluid w-100" />
                                                                                                    <div
                                                                                                        class="messages__avatar-notification messages__avatar-notification--offline">
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content messages__content--unseen">
                                                                                                    <div
                                                                                                        class="messages__title">
                                                                                                        <span
                                                                                                            class="messages__author text-capitalize">
                                                                                                            metal
                                                                                                            slug
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__time text-capitalize">
                                                                                                            8:08
                                                                                                            PM
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__content-body">
                                                                                                        <span
                                                                                                            class="messages__preview">
                                                                                                            Hi,
                                                                                                            I'm
                                                                                                            a
                                                                                                            gamer,
                                                                                                            are
                                                                                                            u
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__status messages__status--seen"></span>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </a>
                                                                                    </li>
                                                                                </ul>
                                                                            </div>
                                                                            <div class="messages__footer text-center">
                                                                                <a href="#"
                                                                                    class="t-link messages__view-all text-capitalize t-text-light">
                                                                                    view all
                                                                                </a>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            <li
                                                                class="primary-nav-list__item border-bottom-0 d-none d-lg-block">
                                                                <div class="dropdown">
                                                                    <a href="#" aria-expanded="false"
                                                                        data-toggle="dropdown"
                                                                        class="t-link w-100 primary-nav-list__link primary-nav-list__link-has-menu text-capitalize">
                                                                        <div class="rtl-flag">
                                                                            <img src="{% static 'assets/img/flag-1.png' %}"alt="max"
                                                                                class="img-fluid w-100" />
                                                                        </div>
                                                                    </a>
                                                                    <div class="dropdown-menu dropdown-menu-right">
                                                                        <ul class="t-list mx-author-menu">
                                                                            <li class="mx-author-menu__list">
                                                                                <a href="#"
                                                                                    class="mx-author-menu__link text-capitalize sm-text">
                                                                                    <div
                                                                                        class="rtl-flag d-inline-block t-mr-8">
                                                                                        <img src="{% static 'assets/img/flag-2.png' %}"
                                                                                            alt="max"
                                                                                            class="img-fluid w-100" />
                                                                                    </div>
                                                                                    french
                                                                                </a>
                                                                            </li>
                                                                            <li class="mx-author-menu__list">
                                                                                <a href="#"
                                                                                    class="mx-author-menu__link text-capitalize sm-text">
                                                                                    <div
                                                                                        class="rtl-flag d-inline-block t-mr-8">
                                                                                        <img src="{% static 'assets/img/flag-3.png' %}"
                                                                                            alt="max"
                                                                                            class="img-fluid w-100" />
                                                                                    </div>
                                                                                    USA
                                                                                </a>
                                                                            </li>
                                                                            <li class="mx-author-menu__list">
                                                                                <a href="#"
                                                                                    class="mx-author-menu__link text-capitalize sm-text">
                                                                                    <div
                                                                                        class="rtl-flag d-inline-block t-mr-8">
                                                                                        <img src="{% static 'assets/img/flag-4.png' %}"
                                                                                            alt="max"
                                                                                            class="img-fluid w-100" />
                                                                                    </div>
                                                                                    UK
                                                                                </a>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            <li class="primary-nav-list__item border-bottom-0">
                                                                <div class="dropdown">
                                                                    <a href="#" aria-expanded="false"
                                                                        data-toggle="dropdown"
                                                                        class="t-link w-100 primary-nav-list__link primary-nav-list__link-has-menu text-capitalize">
                                                                        <div class="d-flex align-items-center">
                                                                            <span class="mx-user mx-user--sm">
                                                                                <img src="{% static 'assets/img/user.jpg' %}"alt="max"
                                                                                    class="img-fluid w-100" />
                                                                            </span>
                                                                            <span
                                                                                class="d-none d-lg-inline-block t-ml-8">
                                                                                admin
                                                                                <span
                                                                                    class="t-ml-5 d-inline-block xsm-text"
                                                                                    data-feather="chevron-down"></span>
                                                                            </span>
                                                                        </div>
                                                                    </a>
                                                                    <div class="dropdown-menu dropdown-menu-right">
                                                                        <ul class="t-list mx-author-menu">
                                                                            <li class="mx-author-menu__list">
                                                                                <a href="#"
                                                                                    class="mx-author-menu__link text-capitalize sm-text">
                                                                                    <span
                                                                                        class="text-capitalize fw-bold d-block t-pt-5">
                                                                                        harun agrosz
                                                                                    </span>
                                                                                    <span
                                                                                        class="text-capitalize xsm-text d-block mt-1">
                                                                                        admin
                                                                                    </span>
                                                                                </a>
                                                                                <hr class="mx-hr bg-light m-0">
                                                                            </li>
                                                                            <li class="mx-author-menu__list">
                                                                                <a href="#"
                                                                                    class="mx-author-menu__link text-capitalize">
                                                                                    <div
                                                                                        class="d-flex align-items-center">
                                                                                        <span
                                                                                            class="xxlg-text t-mr-8 d-inline-block t-line-1">
                                                                                            <i
                                                                                                class='bx bx-user-circle'></i>
                                                                                        </span>
                                                                                        <span
                                                                                            class="d-inline-block t-line-1 sm-text">
                                                                                            profile
                                                                                        </span>
                                                                                    </div>
                                                                                </a>
                                                                            </li>
                                                                            <li class="mx-author-menu__list">
                                                                                <a href="#"
                                                                                    class="mx-author-menu__link text-capitalize">
                                                                                    <div
                                                                                        class="d-flex align-items-center">
                                                                                        <span
                                                                                            class="xxlg-text t-mr-8 d-inline-block t-line-1">
                                                                                            <i class='bx bx-wallet'></i>
                                                                                        </span>
                                                                                        <span
                                                                                            class="d-inline-block t-line-1 sm-text">
                                                                                            my wallet
                                                                                        </span>
                                                                                    </div>
                                                                                </a>
                                                                            </li>
                                                                            <li class="mx-author-menu__list">
                                                                                <a href="#"
                                                                                    class="mx-author-menu__link text-capitalize">
                                                                                    <div
                                                                                        class="d-flex align-items-center">
                                                                                        <span
                                                                                            class="xxlg-text t-mr-8 d-inline-block t-line-1">
                                                                                            <i class='bx bx-cog'></i>
                                                                                        </span>
                                                                                        <span
                                                                                            class="d-inline-block t-line-1 sm-text">
                                                                                            settings
                                                                                        </span>
                                                                                    </div>
                                                                                </a>
                                                                            </li>
                                                                            <li class="mx-author-menu__list">
                                                                                <a href="#"
                                                                                    class="mx-author-menu__link text-capitalize">
                                                                                    <div
                                                                                        class="d-flex align-items-center">
                                                                                        <span
                                                                                            class="xxlg-text t-mr-8 d-inline-block t-line-1">
                                                                                            <i
                                                                                                class='bx bx-help-circle'></i>
                                                                                        </span>
                                                                                        <span
                                                                                            class="d-inline-block t-line-1 sm-text">
                                                                                            help
                                                                                        </span>
                                                                                    </div>
                                                                                </a>
                                                                            </li>
                                                                            <li class="mx-author-menu__list">
                                                                                <a href="#"
                                                                                    class="mx-author-menu__link text-capitalize">
                                                                                    <div
                                                                                        class="d-flex align-items-center">
                                                                                        <span
                                                                                            class="xxlg-text t-mr-8 d-inline-block t-line-1">
                                                                                            <i
                                                                                                class='bx bx-log-out-circle'></i>
                                                                                        </span>
                                                                                        <span
                                                                                            class="d-inline-block t-line-1 sm-text">
                                                                                            logout
                                                                                        </span>
                                                                                    </div>
                                                                                </a>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="pagination t-bg-16">
                                        <div class="container-fluid px-0">
                                            <div class="row g-0">
                                                <div class="col-12">
                                                    <ul class="pagination-bar t-list">
                                                        <li class="pagination-bar__list">
                                                            <a href="#"
                                                                class="t-link pagination-bar__link text-capitalize">
                                                                chat
                                                            </a>
                                                        </li>
                                                        <li class="pagination-bar__list">
                                                            <a href="#"
                                                                class="t-link pagination-bar__link text-capitalize">
                                                                home
                                                            </a>
                                                        </li>
                                                        <li class="pagination-bar__list">
                                                            <a href="#"
                                                                class="t-link pagination-bar__link text-capitalize">
                                                                chat
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </header>

                                <div class="mx-body__content" data-simplebar>

                                    <main class="main-content t-mt-15 t-mb-15">
                                        <div class="container-fluid px-3">
                                            <div class="row g-3">
                                                <div class="col-12">
                                                    <div class="chat">
                                                        <div
                                                            class="chat__left-wrapper d-inline-block t-bg-white t-shadow">
                                                            <div class="chat__head t-bg-light-2">
                                                                <div
                                                                    class="d-flex align-items-center justify-content-between">
                                                                    <h5 class="text-capitalize mt-0 mb-0">chat</h5>
                                                                    <ul class="t-list d-flex align-items-center">
                                                                        <li class="t-list__item">
                                                                            <a href="#"
                                                                                class="t-link t-link--primary xlg-text">
                                                                                <span class="fa fa-cog"></span>
                                                                            </a>
                                                                        </li>
                                                                        <li class="t-list__item">
                                                                            <a href="#"
                                                                                class="t-link t-link--primary xlg-text">
                                                                                <span
                                                                                    class="fa fa-pencil-square-o"></span>
                                                                            </a>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                                <form action="#" class="chat__form t-mt-15">
                                                                    <div class="chat__search">
                                                                        <span class="chat__search-icon">
                                                                            <span class="las la-search"></span>
                                                                        </span>
                                                                        <input type="text" placeholder="search message"
                                                                            class="chat__search-input">
                                                                    </div>
                                                                </form>
                                                            </div>
                                                            <div class="chat__left" data-simplebar>
                                                                <div class="chat__nav">
                                                                    <div class="chat__nav-body">
                                                                        <div class="chat__box">
                                                                            <ul class="t-list chat__list">
                                                                                <li class="chat__list-item">
                                                                                    <a href="#" class="t-link w-100">
                                                                                        <div class="messages__msg">
                                                                                            <div
                                                                                                class="messages__avatar messages__avatar-empty t-bg-alpha">
                                                                                                <div
                                                                                                    class="messages__avatar-replacer text-uppercase">
                                                                                                    as
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__avatar-notification messages__avatar-notification--active">
                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="messages__content messages__content--unseen">
                                                                                                <div
                                                                                                    class="messages__title">
                                                                                                    <span
                                                                                                        class="messages__author text-capitalize">
                                                                                                        Asaduzzaman
                                                                                                        sarker
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__time text-capitalize">
                                                                                                        now
                                                                                                    </span>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content-body">
                                                                                                    <span
                                                                                                        class="messages__preview">
                                                                                                        Hi,
                                                                                                        I'm
                                                                                                        Asaduzzaman,
                                                                                                        are
                                                                                                        u
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__status messages__status--unseen"></span>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </a>
                                                                                </li>
                                                                                <li class="chat__list-item">
                                                                                    <a href="#" class="t-link w-100">
                                                                                        <div class="messages__msg">
                                                                                            <div
                                                                                                class="messages__avatar messages__avatar-empty t-bg-alpha">
                                                                                                <img src="{% static 'assets/img/user.jpg' %}"
                                                                                                    alt="Adminage"
                                                                                                    class="img-fluid w-100">
                                                                                                <div
                                                                                                    class="messages__avatar-notification messages__avatar-notification--offline">
                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="messages__content messages__content--unseen">
                                                                                                <div
                                                                                                    class="messages__title">
                                                                                                    <span
                                                                                                        class="messages__author text-capitalize">
                                                                                                        metal
                                                                                                        slug
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__time text-capitalize">
                                                                                                        8:08
                                                                                                        PM
                                                                                                    </span>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content-body">
                                                                                                    <span
                                                                                                        class="messages__preview">
                                                                                                        Hi,
                                                                                                        I'm
                                                                                                        a
                                                                                                        gamer,
                                                                                                        are
                                                                                                        u
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__status messages__status--seen"></span>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </a>
                                                                                </li>
                                                                                <li class="chat__list-item">
                                                                                    <a href="#" class="t-link w-100">
                                                                                        <div class="messages__msg">
                                                                                            <div
                                                                                                class="messages__avatar messages__avatar-empty t-bg-gamma">
                                                                                                <div
                                                                                                    class="messages__avatar-replacer text-uppercase">
                                                                                                    tk
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__avatar-notification messages__avatar-notification--offline">
                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="messages__content messages__content--unseen">
                                                                                                <div
                                                                                                    class="messages__title">
                                                                                                    <span
                                                                                                        class="messages__author text-capitalize">
                                                                                                        tonmoy
                                                                                                        khan
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__time text-capitalize">
                                                                                                        now
                                                                                                    </span>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content-body">
                                                                                                    <span
                                                                                                        class="messages__preview">
                                                                                                        Receive
                                                                                                        the
                                                                                                        phone
                                                                                                        ASAP
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__status messages__status--unseen"></span>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </a>
                                                                                </li>
                                                                                <li class="chat__list-item">
                                                                                    <a href="#" class="t-link w-100">
                                                                                        <div class="messages__msg">
                                                                                            <div
                                                                                                class="messages__avatar messages__avatar-empty t-bg-delta">
                                                                                                <div
                                                                                                    class="messages__avatar-replacer text-uppercase">
                                                                                                    gp
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__avatar-notification messages__avatar-notification--active">
                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="messages__content messages__content--unseen">
                                                                                                <div
                                                                                                    class="messages__title">
                                                                                                    <span
                                                                                                        class="messages__author text-capitalize">
                                                                                                        groups
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__time text-capitalize">
                                                                                                        5:07
                                                                                                        AM
                                                                                                    </span>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content-body">
                                                                                                    <span
                                                                                                        class="messages__preview">
                                                                                                        I
                                                                                                        want
                                                                                                        to
                                                                                                        buy
                                                                                                        this
                                                                                                        things
                                                                                                        anybody...
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__status messages__status--seen"></span>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </a>
                                                                                </li>
                                                                                <li class="chat__list-item">
                                                                                    <a href="#" class="t-link w-100">
                                                                                        <div class="messages__msg">
                                                                                            <div
                                                                                                class="messages__avatar messages__avatar-empty t-bg-alpha">
                                                                                                <div
                                                                                                    class="messages__avatar-replacer text-uppercase">
                                                                                                    as
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__avatar-notification messages__avatar-notification--active">
                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="messages__content messages__content--unseen">
                                                                                                <div
                                                                                                    class="messages__title">
                                                                                                    <span
                                                                                                        class="messages__author text-capitalize">
                                                                                                        Asaduzzaman
                                                                                                        sarker
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__time text-capitalize">
                                                                                                        now
                                                                                                    </span>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content-body">
                                                                                                    <span
                                                                                                        class="messages__preview">
                                                                                                        Hi,
                                                                                                        I'm
                                                                                                        Asaduzzaman,
                                                                                                        are
                                                                                                        u
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__status messages__status--unseen"></span>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </a>
                                                                                </li>
                                                                                <li class="chat__list-item">
                                                                                    <a href="#" class="t-link w-100">
                                                                                        <div class="messages__msg">
                                                                                            <div
                                                                                                class="messages__avatar messages__avatar-empty t-bg-alpha">
                                                                                                <img src="{% static 'assets/img/avatar.png' %}"
                                                                                                    alt="Adminage"
                                                                                                    class="img-fluid w-100">
                                                                                                <div
                                                                                                    class="messages__avatar-notification messages__avatar-notification--offline">
                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="messages__content messages__content--unseen">
                                                                                                <div
                                                                                                    class="messages__title">
                                                                                                    <span
                                                                                                        class="messages__author text-capitalize">
                                                                                                        metal
                                                                                                        slug
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__time text-capitalize">
                                                                                                        8:08
                                                                                                        PM
                                                                                                    </span>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content-body">
                                                                                                    <span
                                                                                                        class="messages__preview">
                                                                                                        Hi,
                                                                                                        I'm
                                                                                                        a
                                                                                                        gamer,
                                                                                                        are
                                                                                                        u
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__status messages__status--seen"></span>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </a>
                                                                                </li>
                                                                                <li class="chat__list-item">
                                                                                    <a href="#" class="t-link w-100">
                                                                                        <div class="messages__msg">
                                                                                            <div
                                                                                                class="messages__avatar messages__avatar-empty t-bg-gamma">
                                                                                                <div
                                                                                                    class="messages__avatar-replacer text-uppercase">
                                                                                                    tk
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__avatar-notification messages__avatar-notification--offline">
                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="messages__content messages__content--unseen">
                                                                                                <div
                                                                                                    class="messages__title">
                                                                                                    <span
                                                                                                        class="messages__author text-capitalize">
                                                                                                        tonmoy
                                                                                                        khan
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__time text-capitalize">
                                                                                                        now
                                                                                                    </span>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content-body">
                                                                                                    <span
                                                                                                        class="messages__preview">
                                                                                                        Receive
                                                                                                        the
                                                                                                        phone
                                                                                                        ASAP
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__status messages__status--unseen"></span>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </a>
                                                                                </li>
                                                                                <li class="chat__list-item">
                                                                                    <a href="#" class="t-link w-100">
                                                                                        <div class="messages__msg">
                                                                                            <div
                                                                                                class="messages__avatar messages__avatar-empty t-bg-delta">
                                                                                                <div
                                                                                                    class="messages__avatar-replacer text-uppercase">
                                                                                                    gp
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__avatar-notification messages__avatar-notification--active">
                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="messages__content messages__content--unseen">
                                                                                                <div
                                                                                                    class="messages__title">
                                                                                                    <span
                                                                                                        class="messages__author text-capitalize">
                                                                                                        groups
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__time text-capitalize">
                                                                                                        5:07
                                                                                                        AM
                                                                                                    </span>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content-body">
                                                                                                    <span
                                                                                                        class="messages__preview">
                                                                                                        I
                                                                                                        want
                                                                                                        to
                                                                                                        buy
                                                                                                        this
                                                                                                        things
                                                                                                        anybody...
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__status messages__status--seen"></span>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </a>
                                                                                </li>
                                                                                <li class="chat__list-item">
                                                                                    <a href="#" class="t-link w-100">
                                                                                        <div class="messages__msg">
                                                                                            <div
                                                                                                class="messages__avatar messages__avatar-empty t-bg-alpha">
                                                                                                <div
                                                                                                    class="messages__avatar-replacer text-uppercase">
                                                                                                    as
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__avatar-notification messages__avatar-notification--active">
                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="messages__content messages__content--unseen">
                                                                                                <div
                                                                                                    class="messages__title">
                                                                                                    <span
                                                                                                        class="messages__author text-capitalize">
                                                                                                        Asaduzzaman
                                                                                                        sarker
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__time text-capitalize">
                                                                                                        now
                                                                                                    </span>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content-body">
                                                                                                    <span
                                                                                                        class="messages__preview">
                                                                                                        Hi,
                                                                                                        I'm
                                                                                                        Asaduzzaman,
                                                                                                        are
                                                                                                        u
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__status messages__status--unseen"></span>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </a>
                                                                                </li>
                                                                                <li class="chat__list-item">
                                                                                    <a href="#" class="t-link w-100">
                                                                                        <div class="messages__msg">
                                                                                            <div
                                                                                                class="messages__avatar messages__avatar-empty t-bg-alpha">
                                                                                                <img src="{% static 'assets/img/user.jpg' %}"
                                                                                                    alt="Adminage"
                                                                                                    class="img-fluid w-100">
                                                                                                <div
                                                                                                    class="messages__avatar-notification messages__avatar-notification--offline">
                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="messages__content messages__content--unseen">
                                                                                                <div
                                                                                                    class="messages__title">
                                                                                                    <span
                                                                                                        class="messages__author text-capitalize">
                                                                                                        metal
                                                                                                        slug
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__time text-capitalize">
                                                                                                        8:08
                                                                                                        PM
                                                                                                    </span>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content-body">
                                                                                                    <span
                                                                                                        class="messages__preview">
                                                                                                        Hi,
                                                                                                        I'm
                                                                                                        a
                                                                                                        gamer,
                                                                                                        are
                                                                                                        u
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__status messages__status--seen"></span>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </a>
                                                                                </li>
                                                                                <li class="chat__list-item">
                                                                                    <a href="#" class="t-link w-100">
                                                                                        <div class="messages__msg">
                                                                                            <div
                                                                                                class="messages__avatar messages__avatar-empty t-bg-gamma">
                                                                                                <div
                                                                                                    class="messages__avatar-replacer text-uppercase">
                                                                                                    tk
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__avatar-notification messages__avatar-notification--offline">
                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="messages__content messages__content--unseen">
                                                                                                <div
                                                                                                    class="messages__title">
                                                                                                    <span
                                                                                                        class="messages__author text-capitalize">
                                                                                                        tonmoy
                                                                                                        khan
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__time text-capitalize">
                                                                                                        now
                                                                                                    </span>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content-body">
                                                                                                    <span
                                                                                                        class="messages__preview">
                                                                                                        Receive
                                                                                                        the
                                                                                                        phone
                                                                                                        ASAP
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__status messages__status--unseen"></span>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </a>
                                                                                </li>
                                                                                <li class="chat__list-item">
                                                                                    <a href="#" class="t-link w-100">
                                                                                        <div class="messages__msg">
                                                                                            <div
                                                                                                class="messages__avatar messages__avatar-empty t-bg-delta">
                                                                                                <div
                                                                                                    class="messages__avatar-replacer text-uppercase">
                                                                                                    gp
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__avatar-notification messages__avatar-notification--active">
                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="messages__content messages__content--unseen">
                                                                                                <div
                                                                                                    class="messages__title">
                                                                                                    <span
                                                                                                        class="messages__author text-capitalize">
                                                                                                        groups
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__time text-capitalize">
                                                                                                        5:07
                                                                                                        AM
                                                                                                    </span>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content-body">
                                                                                                    <span
                                                                                                        class="messages__preview">
                                                                                                        I
                                                                                                        want
                                                                                                        to
                                                                                                        buy
                                                                                                        this
                                                                                                        things
                                                                                                        anybody...
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__status messages__status--seen"></span>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </a>
                                                                                </li>
                                                                                <li class="chat__list-item">
                                                                                    <a href="#" class="t-link w-100">
                                                                                        <div class="messages__msg">
                                                                                            <div
                                                                                                class="messages__avatar messages__avatar-empty t-bg-alpha">
                                                                                                <div
                                                                                                    class="messages__avatar-replacer text-uppercase">
                                                                                                    as
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__avatar-notification messages__avatar-notification--active">
                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="messages__content messages__content--unseen">
                                                                                                <div
                                                                                                    class="messages__title">
                                                                                                    <span
                                                                                                        class="messages__author text-capitalize">
                                                                                                        Asaduzzaman
                                                                                                        sarker
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__time text-capitalize">
                                                                                                        now
                                                                                                    </span>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content-body">
                                                                                                    <span
                                                                                                        class="messages__preview">
                                                                                                        Hi,
                                                                                                        I'm
                                                                                                        Asaduzzaman,
                                                                                                        are
                                                                                                        u
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__status messages__status--unseen"></span>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </a>
                                                                                </li>
                                                                                <li class="chat__list-item">
                                                                                    <a href="#" class="t-link w-100">
                                                                                        <div class="messages__msg">
                                                                                            <div
                                                                                                class="messages__avatar messages__avatar-empty t-bg-alpha">
                                                                                                <img src="{% static 'assets/img/avatar.png' %}"
                                                                                                    alt="Adminage"
                                                                                                    class="img-fluid w-100">
                                                                                                <div
                                                                                                    class="messages__avatar-notification messages__avatar-notification--offline">
                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="messages__content messages__content--unseen">
                                                                                                <div
                                                                                                    class="messages__title">
                                                                                                    <span
                                                                                                        class="messages__author text-capitalize">
                                                                                                        metal
                                                                                                        slug
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__time text-capitalize">
                                                                                                        8:08
                                                                                                        PM
                                                                                                    </span>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content-body">
                                                                                                    <span
                                                                                                        class="messages__preview">
                                                                                                        Hi,
                                                                                                        I'm
                                                                                                        a
                                                                                                        gamer,
                                                                                                        are
                                                                                                        u
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__status messages__status--seen"></span>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </a>
                                                                                </li>
                                                                                <li class="chat__list-item">
                                                                                    <a href="#" class="t-link w-100">
                                                                                        <div class="messages__msg">
                                                                                            <div
                                                                                                class="messages__avatar messages__avatar-empty t-bg-gamma">
                                                                                                <div
                                                                                                    class="messages__avatar-replacer text-uppercase">
                                                                                                    tk
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__avatar-notification messages__avatar-notification--offline">
                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="messages__content messages__content--unseen">
                                                                                                <div
                                                                                                    class="messages__title">
                                                                                                    <span
                                                                                                        class="messages__author text-capitalize">
                                                                                                        tonmoy
                                                                                                        khan
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__time text-capitalize">
                                                                                                        now
                                                                                                    </span>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content-body">
                                                                                                    <span
                                                                                                        class="messages__preview">
                                                                                                        Receive
                                                                                                        the
                                                                                                        phone
                                                                                                        ASAP
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__status messages__status--unseen"></span>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </a>
                                                                                </li>
                                                                                <li class="chat__list-item">
                                                                                    <a href="#" class="t-link w-100">
                                                                                        <div class="messages__msg">
                                                                                            <div
                                                                                                class="messages__avatar messages__avatar-empty t-bg-delta">
                                                                                                <div
                                                                                                    class="messages__avatar-replacer text-uppercase">
                                                                                                    gp
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__avatar-notification messages__avatar-notification--active">
                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="messages__content messages__content--unseen">
                                                                                                <div
                                                                                                    class="messages__title">
                                                                                                    <span
                                                                                                        class="messages__author text-capitalize">
                                                                                                        groups
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__time text-capitalize">
                                                                                                        5:07
                                                                                                        AM
                                                                                                    </span>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content-body">
                                                                                                    <span
                                                                                                        class="messages__preview">
                                                                                                        I
                                                                                                        want
                                                                                                        to
                                                                                                        buy
                                                                                                        this
                                                                                                        things
                                                                                                        anybody...
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__status messages__status--seen"></span>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </a>
                                                                                </li>
                                                                                <li class="chat__list-item">
                                                                                    <a href="#" class="t-link w-100">
                                                                                        <div class="messages__msg">
                                                                                            <div
                                                                                                class="messages__avatar messages__avatar-empty t-bg-alpha">
                                                                                                <div
                                                                                                    class="messages__avatar-replacer text-uppercase">
                                                                                                    as
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__avatar-notification messages__avatar-notification--active">
                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="messages__content messages__content--unseen">
                                                                                                <div
                                                                                                    class="messages__title">
                                                                                                    <span
                                                                                                        class="messages__author text-capitalize">
                                                                                                        Asaduzzaman
                                                                                                        sarker
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__time text-capitalize">
                                                                                                        now
                                                                                                    </span>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content-body">
                                                                                                    <span
                                                                                                        class="messages__preview">
                                                                                                        Hi,
                                                                                                        I'm
                                                                                                        Asaduzzaman,
                                                                                                        are
                                                                                                        u
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__status messages__status--unseen"></span>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </a>
                                                                                </li>
                                                                                <li class="chat__list-item">
                                                                                    <a href="#" class="t-link w-100">
                                                                                        <div class="messages__msg">
                                                                                            <div
                                                                                                class="messages__avatar messages__avatar-empty t-bg-alpha">
                                                                                                <img src="{% static 'assets/img/user.jpg' %}"
                                                                                                    alt="Adminage"
                                                                                                    class="img-fluid w-100">
                                                                                                <div
                                                                                                    class="messages__avatar-notification messages__avatar-notification--offline">
                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="messages__content messages__content--unseen">
                                                                                                <div
                                                                                                    class="messages__title">
                                                                                                    <span
                                                                                                        class="messages__author text-capitalize">
                                                                                                        metal
                                                                                                        slug
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__time text-capitalize">
                                                                                                        8:08
                                                                                                        PM
                                                                                                    </span>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content-body">
                                                                                                    <span
                                                                                                        class="messages__preview">
                                                                                                        Hi,
                                                                                                        I'm
                                                                                                        a
                                                                                                        gamer,
                                                                                                        are
                                                                                                        u
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__status messages__status--seen"></span>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </a>
                                                                                </li>
                                                                                <li class="chat__list-item">
                                                                                    <a href="#" class="t-link w-100">
                                                                                        <div class="messages__msg">
                                                                                            <div
                                                                                                class="messages__avatar messages__avatar-empty t-bg-gamma">
                                                                                                <div
                                                                                                    class="messages__avatar-replacer text-uppercase">
                                                                                                    tk
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__avatar-notification messages__avatar-notification--offline">
                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="messages__content messages__content--unseen">
                                                                                                <div
                                                                                                    class="messages__title">
                                                                                                    <span
                                                                                                        class="messages__author text-capitalize">
                                                                                                        tonmoy
                                                                                                        khan
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__time text-capitalize">
                                                                                                        now
                                                                                                    </span>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content-body">
                                                                                                    <span
                                                                                                        class="messages__preview">
                                                                                                        Receive
                                                                                                        the
                                                                                                        phone
                                                                                                        ASAP
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__status messages__status--unseen"></span>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </a>
                                                                                </li>
                                                                                <li class="chat__list-item">
                                                                                    <a href="#" class="t-link w-100">
                                                                                        <div class="messages__msg">
                                                                                            <div
                                                                                                class="messages__avatar messages__avatar-empty t-bg-delta">
                                                                                                <div
                                                                                                    class="messages__avatar-replacer text-uppercase">
                                                                                                    gp
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__avatar-notification messages__avatar-notification--active">
                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="messages__content messages__content--unseen">
                                                                                                <div
                                                                                                    class="messages__title">
                                                                                                    <span
                                                                                                        class="messages__author text-capitalize">
                                                                                                        groups
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__time text-capitalize">
                                                                                                        5:07
                                                                                                        AM
                                                                                                    </span>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content-body">
                                                                                                    <span
                                                                                                        class="messages__preview">
                                                                                                        I
                                                                                                        want
                                                                                                        to
                                                                                                        buy
                                                                                                        this
                                                                                                        things
                                                                                                        anybody...
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__status messages__status--seen"></span>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </a>
                                                                                </li>
                                                                                <li class="chat__list-item">
                                                                                    <a href="#" class="t-link w-100">
                                                                                        <div class="messages__msg">
                                                                                            <div
                                                                                                class="messages__avatar messages__avatar-empty t-bg-alpha">
                                                                                                <div
                                                                                                    class="messages__avatar-replacer text-uppercase">
                                                                                                    as
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__avatar-notification messages__avatar-notification--active">
                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="messages__content messages__content--unseen">
                                                                                                <div
                                                                                                    class="messages__title">
                                                                                                    <span
                                                                                                        class="messages__author text-capitalize">
                                                                                                        Asaduzzaman
                                                                                                        sarker
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__time text-capitalize">
                                                                                                        now
                                                                                                    </span>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content-body">
                                                                                                    <span
                                                                                                        class="messages__preview">
                                                                                                        Hi,
                                                                                                        I'm
                                                                                                        Asaduzzaman,
                                                                                                        are
                                                                                                        u
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__status messages__status--unseen"></span>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </a>
                                                                                </li>
                                                                                <li class="chat__list-item">
                                                                                    <a href="#" class="t-link w-100">
                                                                                        <div class="messages__msg">
                                                                                            <div
                                                                                                class="messages__avatar messages__avatar-empty t-bg-alpha">
                                                                                                <img src="{% static 'assets/img/avatar.png' %}"
                                                                                                    alt="Adminage"
                                                                                                    class="img-fluid w-100">
                                                                                                <div
                                                                                                    class="messages__avatar-notification messages__avatar-notification--offline">
                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="messages__content messages__content--unseen">
                                                                                                <div
                                                                                                    class="messages__title">
                                                                                                    <span
                                                                                                        class="messages__author text-capitalize">
                                                                                                        metal
                                                                                                        slug
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__time text-capitalize">
                                                                                                        8:08
                                                                                                        PM
                                                                                                    </span>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content-body">
                                                                                                    <span
                                                                                                        class="messages__preview">
                                                                                                        Hi,
                                                                                                        I'm
                                                                                                        a
                                                                                                        gamer,
                                                                                                        are
                                                                                                        u
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__status messages__status--seen"></span>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </a>
                                                                                </li>
                                                                                <li class="chat__list-item">
                                                                                    <a href="#" class="t-link w-100">
                                                                                        <div class="messages__msg">
                                                                                            <div
                                                                                                class="messages__avatar messages__avatar-empty t-bg-gamma">
                                                                                                <div
                                                                                                    class="messages__avatar-replacer text-uppercase">
                                                                                                    tk
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__avatar-notification messages__avatar-notification--offline">
                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="messages__content messages__content--unseen">
                                                                                                <div
                                                                                                    class="messages__title">
                                                                                                    <span
                                                                                                        class="messages__author text-capitalize">
                                                                                                        tonmoy
                                                                                                        khan
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__time text-capitalize">
                                                                                                        now
                                                                                                    </span>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content-body">
                                                                                                    <span
                                                                                                        class="messages__preview">
                                                                                                        Receive
                                                                                                        the
                                                                                                        phone
                                                                                                        ASAP
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__status messages__status--unseen"></span>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </a>
                                                                                </li>
                                                                                <li class="chat__list-item">
                                                                                    <a href="#" class="t-link w-100">
                                                                                        <div class="messages__msg">
                                                                                            <div
                                                                                                class="messages__avatar messages__avatar-empty t-bg-delta">
                                                                                                <div
                                                                                                    class="messages__avatar-replacer text-uppercase">
                                                                                                    gp
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__avatar-notification messages__avatar-notification--active">
                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="messages__content messages__content--unseen">
                                                                                                <div
                                                                                                    class="messages__title">
                                                                                                    <span
                                                                                                        class="messages__author text-capitalize">
                                                                                                        groups
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__time text-capitalize">
                                                                                                        5:07
                                                                                                        AM
                                                                                                    </span>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content-body">
                                                                                                    <span
                                                                                                        class="messages__preview">
                                                                                                        I
                                                                                                        want
                                                                                                        to
                                                                                                        buy
                                                                                                        this
                                                                                                        things
                                                                                                        anybody...
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__status messages__status--seen"></span>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </a>
                                                                                </li>
                                                                                <li class="chat__list-item">
                                                                                    <a href="#" class="t-link w-100">
                                                                                        <div class="messages__msg">
                                                                                            <div
                                                                                                class="messages__avatar messages__avatar-empty t-bg-alpha">
                                                                                                <div
                                                                                                    class="messages__avatar-replacer text-uppercase">
                                                                                                    as
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__avatar-notification messages__avatar-notification--active">
                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="messages__content messages__content--unseen">
                                                                                                <div
                                                                                                    class="messages__title">
                                                                                                    <span
                                                                                                        class="messages__author text-capitalize">
                                                                                                        Asaduzzaman
                                                                                                        sarker
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__time text-capitalize">
                                                                                                        now
                                                                                                    </span>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content-body">
                                                                                                    <span
                                                                                                        class="messages__preview">
                                                                                                        Hi,
                                                                                                        I'm
                                                                                                        Asaduzzaman,
                                                                                                        are
                                                                                                        u
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__status messages__status--unseen"></span>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </a>
                                                                                </li>
                                                                                <li class="chat__list-item">
                                                                                    <a href="#" class="t-link w-100">
                                                                                        <div class="messages__msg">
                                                                                            <div
                                                                                                class="messages__avatar messages__avatar-empty t-bg-alpha">
                                                                                                <img src="{% static 'assets/img/user.jpg' %}"
                                                                                                    alt="Adminage"
                                                                                                    class="img-fluid w-100">
                                                                                                <div
                                                                                                    class="messages__avatar-notification messages__avatar-notification--offline">
                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="messages__content messages__content--unseen">
                                                                                                <div
                                                                                                    class="messages__title">
                                                                                                    <span
                                                                                                        class="messages__author text-capitalize">
                                                                                                        metal
                                                                                                        slug
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__time text-capitalize">
                                                                                                        8:08
                                                                                                        PM
                                                                                                    </span>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content-body">
                                                                                                    <span
                                                                                                        class="messages__preview">
                                                                                                        Hi,
                                                                                                        I'm
                                                                                                        a
                                                                                                        gamer,
                                                                                                        are
                                                                                                        u
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__status messages__status--seen"></span>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </a>
                                                                                </li>
                                                                                <li class="chat__list-item">
                                                                                    <a href="#" class="t-link w-100">
                                                                                        <div class="messages__msg">
                                                                                            <div
                                                                                                class="messages__avatar messages__avatar-empty t-bg-gamma">
                                                                                                <div
                                                                                                    class="messages__avatar-replacer text-uppercase">
                                                                                                    tk
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__avatar-notification messages__avatar-notification--offline">
                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="messages__content messages__content--unseen">
                                                                                                <div
                                                                                                    class="messages__title">
                                                                                                    <span
                                                                                                        class="messages__author text-capitalize">
                                                                                                        tonmoy
                                                                                                        khan
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__time text-capitalize">
                                                                                                        now
                                                                                                    </span>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content-body">
                                                                                                    <span
                                                                                                        class="messages__preview">
                                                                                                        Receive
                                                                                                        the
                                                                                                        phone
                                                                                                        ASAP
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__status messages__status--unseen"></span>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </a>
                                                                                </li>
                                                                                <li class="chat__list-item">
                                                                                    <a href="#" class="t-link w-100">
                                                                                        <div class="messages__msg">
                                                                                            <div
                                                                                                class="messages__avatar messages__avatar-empty t-bg-delta">
                                                                                                <div
                                                                                                    class="messages__avatar-replacer text-uppercase">
                                                                                                    gp
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__avatar-notification messages__avatar-notification--active">
                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="messages__content messages__content--unseen">
                                                                                                <div
                                                                                                    class="messages__title">
                                                                                                    <span
                                                                                                        class="messages__author text-capitalize">
                                                                                                        groups
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__time text-capitalize">
                                                                                                        5:07
                                                                                                        AM
                                                                                                    </span>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content-body">
                                                                                                    <span
                                                                                                        class="messages__preview">
                                                                                                        I
                                                                                                        want
                                                                                                        to
                                                                                                        buy
                                                                                                        this
                                                                                                        things
                                                                                                        anybody...
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__status messages__status--seen"></span>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </a>
                                                                                </li>
                                                                                <li class="chat__list-item">
                                                                                    <a href="#" class="t-link w-100">
                                                                                        <div class="messages__msg">
                                                                                            <div
                                                                                                class="messages__avatar messages__avatar-empty t-bg-alpha">
                                                                                                <div
                                                                                                    class="messages__avatar-replacer text-uppercase">
                                                                                                    as
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__avatar-notification messages__avatar-notification--active">
                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="messages__content messages__content--unseen">
                                                                                                <div
                                                                                                    class="messages__title">
                                                                                                    <span
                                                                                                        class="messages__author text-capitalize">
                                                                                                        Asaduzzaman
                                                                                                        sarker
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__time text-capitalize">
                                                                                                        now
                                                                                                    </span>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content-body">
                                                                                                    <span
                                                                                                        class="messages__preview">
                                                                                                        Hi,
                                                                                                        I'm
                                                                                                        Asaduzzaman,
                                                                                                        are
                                                                                                        u
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__status messages__status--unseen"></span>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </a>
                                                                                </li>
                                                                                <li class="chat__list-item">
                                                                                    <a href="#" class="t-link w-100">
                                                                                        <div class="messages__msg">
                                                                                            <div
                                                                                                class="messages__avatar messages__avatar-empty t-bg-alpha">
                                                                                                <img src="{% static 'assets/img/avatar.png' %}"
                                                                                                    alt="Adminage"
                                                                                                    class="img-fluid w-100">
                                                                                                <div
                                                                                                    class="messages__avatar-notification messages__avatar-notification--offline">
                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="messages__content messages__content--unseen">
                                                                                                <div
                                                                                                    class="messages__title">
                                                                                                    <span
                                                                                                        class="messages__author text-capitalize">
                                                                                                        metal
                                                                                                        slug
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__time text-capitalize">
                                                                                                        8:08
                                                                                                        PM
                                                                                                    </span>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content-body">
                                                                                                    <span
                                                                                                        class="messages__preview">
                                                                                                        Hi,
                                                                                                        I'm
                                                                                                        a
                                                                                                        gamer,
                                                                                                        are
                                                                                                        u
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__status messages__status--seen"></span>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </a>
                                                                                </li>
                                                                                <li class="chat__list-item">
                                                                                    <a href="#" class="t-link w-100">
                                                                                        <div class="messages__msg">
                                                                                            <div
                                                                                                class="messages__avatar messages__avatar-empty t-bg-gamma">
                                                                                                <div
                                                                                                    class="messages__avatar-replacer text-uppercase">
                                                                                                    tk
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__avatar-notification messages__avatar-notification--offline">
                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="messages__content messages__content--unseen">
                                                                                                <div
                                                                                                    class="messages__title">
                                                                                                    <span
                                                                                                        class="messages__author text-capitalize">
                                                                                                        tonmoy
                                                                                                        khan
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__time text-capitalize">
                                                                                                        now
                                                                                                    </span>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content-body">
                                                                                                    <span
                                                                                                        class="messages__preview">
                                                                                                        Receive
                                                                                                        the
                                                                                                        phone
                                                                                                        ASAP
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__status messages__status--unseen"></span>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </a>
                                                                                </li>
                                                                                <li class="chat__list-item">
                                                                                    <a href="#" class="t-link w-100">
                                                                                        <div class="messages__msg">
                                                                                            <div
                                                                                                class="messages__avatar messages__avatar-empty t-bg-delta">
                                                                                                <div
                                                                                                    class="messages__avatar-replacer text-uppercase">
                                                                                                    gp
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__avatar-notification messages__avatar-notification--active">
                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="messages__content messages__content--unseen">
                                                                                                <div
                                                                                                    class="messages__title">
                                                                                                    <span
                                                                                                        class="messages__author text-capitalize">
                                                                                                        groups
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__time text-capitalize">
                                                                                                        5:07
                                                                                                        AM
                                                                                                    </span>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content-body">
                                                                                                    <span
                                                                                                        class="messages__preview">
                                                                                                        I
                                                                                                        want
                                                                                                        to
                                                                                                        buy
                                                                                                        this
                                                                                                        things
                                                                                                        anybody...
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__status messages__status--seen"></span>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </a>
                                                                                </li>
                                                                                <li class="chat__list-item">
                                                                                    <a href="#" class="t-link w-100">
                                                                                        <div class="messages__msg">
                                                                                            <div
                                                                                                class="messages__avatar messages__avatar-empty t-bg-alpha">
                                                                                                <div
                                                                                                    class="messages__avatar-replacer text-uppercase">
                                                                                                    as
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__avatar-notification messages__avatar-notification--active">
                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="messages__content messages__content--unseen">
                                                                                                <div
                                                                                                    class="messages__title">
                                                                                                    <span
                                                                                                        class="messages__author text-capitalize">
                                                                                                        Asaduzzaman
                                                                                                        sarker
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__time text-capitalize">
                                                                                                        now
                                                                                                    </span>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content-body">
                                                                                                    <span
                                                                                                        class="messages__preview">
                                                                                                        Hi,
                                                                                                        I'm
                                                                                                        Asaduzzaman,
                                                                                                        are
                                                                                                        u
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__status messages__status--unseen"></span>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </a>
                                                                                </li>
                                                                                <li class="chat__list-item">
                                                                                    <a href="#" class="t-link w-100">
                                                                                        <div class="messages__msg">
                                                                                            <div
                                                                                                class="messages__avatar messages__avatar-empty t-bg-alpha">
                                                                                                <img src="{% static 'assets/img/user.jpg' %}"
                                                                                                    alt="Adminage"
                                                                                                    class="img-fluid w-100">
                                                                                                <div
                                                                                                    class="messages__avatar-notification messages__avatar-notification--offline">
                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="messages__content messages__content--unseen">
                                                                                                <div
                                                                                                    class="messages__title">
                                                                                                    <span
                                                                                                        class="messages__author text-capitalize">
                                                                                                        metal
                                                                                                        slug
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__time text-capitalize">
                                                                                                        8:08
                                                                                                        PM
                                                                                                    </span>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content-body">
                                                                                                    <span
                                                                                                        class="messages__preview">
                                                                                                        Hi,
                                                                                                        I'm
                                                                                                        a
                                                                                                        gamer,
                                                                                                        are
                                                                                                        u
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__status messages__status--seen"></span>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </a>
                                                                                </li>
                                                                                <li class="chat__list-item">
                                                                                    <a href="#" class="t-link w-100">
                                                                                        <div class="messages__msg">
                                                                                            <div
                                                                                                class="messages__avatar messages__avatar-empty t-bg-gamma">
                                                                                                <div
                                                                                                    class="messages__avatar-replacer text-uppercase">
                                                                                                    tk
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__avatar-notification messages__avatar-notification--offline">
                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="messages__content messages__content--unseen">
                                                                                                <div
                                                                                                    class="messages__title">
                                                                                                    <span
                                                                                                        class="messages__author text-capitalize">
                                                                                                        tonmoy
                                                                                                        khan
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__time text-capitalize">
                                                                                                        now
                                                                                                    </span>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content-body">
                                                                                                    <span
                                                                                                        class="messages__preview">
                                                                                                        Receive
                                                                                                        the
                                                                                                        phone
                                                                                                        ASAP
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__status messages__status--unseen"></span>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </a>
                                                                                </li>
                                                                                <li class="chat__list-item">
                                                                                    <a href="#" class="t-link w-100">
                                                                                        <div class="messages__msg">
                                                                                            <div
                                                                                                class="messages__avatar messages__avatar-empty t-bg-delta">
                                                                                                <div
                                                                                                    class="messages__avatar-replacer text-uppercase">
                                                                                                    gp
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__avatar-notification messages__avatar-notification--active">
                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="messages__content messages__content--unseen">
                                                                                                <div
                                                                                                    class="messages__title">
                                                                                                    <span
                                                                                                        class="messages__author text-capitalize">
                                                                                                        groups
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__time text-capitalize">
                                                                                                        5:07
                                                                                                        AM
                                                                                                    </span>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content-body">
                                                                                                    <span
                                                                                                        class="messages__preview">
                                                                                                        I
                                                                                                        want
                                                                                                        to
                                                                                                        buy
                                                                                                        this
                                                                                                        things
                                                                                                        anybody...
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__status messages__status--seen"></span>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </a>
                                                                                </li>
                                                                                <li class="chat__list-item">
                                                                                    <a href="#" class="t-link w-100">
                                                                                        <div class="messages__msg">
                                                                                            <div
                                                                                                class="messages__avatar messages__avatar-empty t-bg-alpha">
                                                                                                <div
                                                                                                    class="messages__avatar-replacer text-uppercase">
                                                                                                    as
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__avatar-notification messages__avatar-notification--active">
                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="messages__content messages__content--unseen">
                                                                                                <div
                                                                                                    class="messages__title">
                                                                                                    <span
                                                                                                        class="messages__author text-capitalize">
                                                                                                        Asaduzzaman
                                                                                                        sarker
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__time text-capitalize">
                                                                                                        now
                                                                                                    </span>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content-body">
                                                                                                    <span
                                                                                                        class="messages__preview">
                                                                                                        Hi,
                                                                                                        I'm
                                                                                                        Asaduzzaman,
                                                                                                        are
                                                                                                        u
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__status messages__status--unseen"></span>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </a>
                                                                                </li>
                                                                                <li class="chat__list-item">
                                                                                    <a href="#" class="t-link w-100">
                                                                                        <div class="messages__msg">
                                                                                            <div
                                                                                                class="messages__avatar messages__avatar-empty t-bg-alpha">
                                                                                                <img src="{% static 'assets/img/avatar.png' %}"
                                                                                                    alt="Adminage"
                                                                                                    class="img-fluid w-100">
                                                                                                <div
                                                                                                    class="messages__avatar-notification messages__avatar-notification--offline">
                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="messages__content messages__content--unseen">
                                                                                                <div
                                                                                                    class="messages__title">
                                                                                                    <span
                                                                                                        class="messages__author text-capitalize">
                                                                                                        metal
                                                                                                        slug
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__time text-capitalize">
                                                                                                        8:08
                                                                                                        PM
                                                                                                    </span>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content-body">
                                                                                                    <span
                                                                                                        class="messages__preview">
                                                                                                        Hi,
                                                                                                        I'm
                                                                                                        a
                                                                                                        gamer,
                                                                                                        are
                                                                                                        u
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__status messages__status--seen"></span>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </a>
                                                                                </li>
                                                                                <li class="chat__list-item">
                                                                                    <a href="#" class="t-link w-100">
                                                                                        <div class="messages__msg">
                                                                                            <div
                                                                                                class="messages__avatar messages__avatar-empty t-bg-gamma">
                                                                                                <div
                                                                                                    class="messages__avatar-replacer text-uppercase">
                                                                                                    tk
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__avatar-notification messages__avatar-notification--offline">
                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="messages__content messages__content--unseen">
                                                                                                <div
                                                                                                    class="messages__title">
                                                                                                    <span
                                                                                                        class="messages__author text-capitalize">
                                                                                                        tonmoy
                                                                                                        khan
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__time text-capitalize">
                                                                                                        now
                                                                                                    </span>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content-body">
                                                                                                    <span
                                                                                                        class="messages__preview">
                                                                                                        Receive
                                                                                                        the
                                                                                                        phone
                                                                                                        ASAP
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__status messages__status--unseen"></span>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </a>
                                                                                </li>
                                                                                <li class="chat__list-item">
                                                                                    <a href="#" class="t-link w-100">
                                                                                        <div class="messages__msg">
                                                                                            <div
                                                                                                class="messages__avatar messages__avatar-empty t-bg-delta">
                                                                                                <div
                                                                                                    class="messages__avatar-replacer text-uppercase">
                                                                                                    gp
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__avatar-notification messages__avatar-notification--active">
                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="messages__content messages__content--unseen">
                                                                                                <div
                                                                                                    class="messages__title">
                                                                                                    <span
                                                                                                        class="messages__author text-capitalize">
                                                                                                        groups
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__time text-capitalize">
                                                                                                        5:07
                                                                                                        AM
                                                                                                    </span>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content-body">
                                                                                                    <span
                                                                                                        class="messages__preview">
                                                                                                        I
                                                                                                        want
                                                                                                        to
                                                                                                        buy
                                                                                                        this
                                                                                                        things
                                                                                                        anybody...
                                                                                                    </span>
                                                                                                    <span
                                                                                                        class="messages__status messages__status--seen"></span>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </a>
                                                                                </li>
                                                                            </ul>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="chat__right t-shadow">
                                                            <div class="chat__right-head t-bg-light-2">
                                                                <div
                                                                    class="d-flex align-items-center justify-content-between">
                                                                    <a href="#" class="t-link">
                                                                        <div class="messages__msg">
                                                                            <div
                                                                                class="messages__avatar messages__avatar-empty t-bg-alpha">
                                                                                <div
                                                                                    class="messages__avatar-replacer text-uppercase">
                                                                                    as
                                                                                </div>
                                                                                <div
                                                                                    class="messages__avatar-notification messages__avatar-notification--active">
                                                                                </div>
                                                                            </div>
                                                                            <div
                                                                                class="messages__content messages__content--unseen">
                                                                                <div class="messages__title">
                                                                                    <span
                                                                                        class="messages__author text-capitalize">
                                                                                        Asaduzzaman
                                                                                        sarker
                                                                                    </span>
                                                                                </div>
                                                                                <div class="messages__content-body">
                                                                                    <span class="messages__preview">
                                                                                        Hi,
                                                                                        I'm
                                                                                        Asaduzzaman
                                                                                    </span>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </a>
                                                                    <ul class="t-list d-flex align-items-center">
                                                                        <li class="t-list__item t-mr-15">
                                                                            <a href="#"
                                                                                class="t-link t-link--primary xlg-text">
                                                                                <span class="fa fa-phone"></span>
                                                                            </a>
                                                                        </li>
                                                                        <li class="t-list__item">
                                                                            <a href="#"
                                                                                class="t-link t-link--primary xlg-text">
                                                                                <span class="fa fa-video-camera"></span>
                                                                            </a>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                            <div class="chat__right-main t-bg-white" data-simplebar>
                                                                <div class="t-pt-30 t-pl-15 t-pr-15 t-pb-30">
                                                                    <ul class="t-list">
                                                                        <li class="t-mb-30">
                                                                            <div
                                                                                class="msg-receiver d-flex align-items-end">
                                                                                <div
                                                                                    class="avatars avatars--circle avatars--sm-plus t-mr-5">
                                                                                    <img src="{% static 'assets/img/avatar.png' %}"
                                                                                        alt="max"
                                                                                        class="img-fulid w-100">
                                                                                    <div class="avatars__status"></div>
                                                                                </div>
                                                                                <ul class="t-list msg-receiver__list">
                                                                                    <li class="msg-receiver__list-item">
                                                                                        hello this is for testing 1234
                                                                                    </li>
                                                                                    <li class="msg-receiver__list-item">
                                                                                        hello this is fine
                                                                                    </li>
                                                                                    <li class="msg-receiver__list-item">
                                                                                        hello this is for testing
                                                                                    </li>
                                                                                </ul>
                                                                            </div>
                                                                        </li>
                                                                        <li class="t-mb-30">
                                                                            <ul class="t-list msg-sender__list">
                                                                                <li
                                                                                    class="msg-sender__list-item text-end">
                                                                                    <div class="msg-sender__message">
                                                                                        hello this is for testing 12345
                                                                                    </div>
                                                                                </li>
                                                                                <li
                                                                                    class="msg-sender__list-item text-end">
                                                                                    <div class="msg-sender__message">
                                                                                        hello this is fine
                                                                                    </div>
                                                                                </li>
                                                                                <li
                                                                                    class="msg-sender__list-item text-end">
                                                                                    <div class="msg-sender__message">
                                                                                        hello this is
                                                                                    </div>
                                                                                </li>
                                                                            </ul>
                                                                        </li>
                                                                        <li class="t-mb-30">
                                                                            <div
                                                                                class="msg-receiver d-flex align-items-end">
                                                                                <div
                                                                                    class="avatars avatars--circle avatars--sm-plus t-mr-5">
                                                                                    <img src="{% static 'assets/img/avatar.png' %}"
                                                                                        alt="max"
                                                                                        class="img-fulid w-100">
                                                                                    <div class="avatars__status"></div>
                                                                                </div>
                                                                                <ul class="t-list msg-receiver__list">
                                                                                    <li class="msg-receiver__list-item">
                                                                                        hello this is for testing 1234
                                                                                    </li>
                                                                                    <li class="msg-receiver__list-item">
                                                                                        hello this is for testing
                                                                                    </li>
                                                                                </ul>
                                                                            </div>
                                                                        </li>
                                                                        <li class="t-mb-30">
                                                                            <ul class="t-list msg-sender__list">
                                                                                <li
                                                                                    class="msg-sender__list-item text-end">
                                                                                    <div class="msg-sender__message">
                                                                                        hello this is for testing 1234
                                                                                    </div>
                                                                                </li>
                                                                            </ul>
                                                                        </li>
                                                                        <li class="t-mb-30">
                                                                            <div
                                                                                class="msg-receiver d-flex align-items-end">
                                                                                <div
                                                                                    class="avatars avatars--circle avatars--sm-plus t-mr-5">
                                                                                    <img src="{% static 'assets/img/avatar.png' %}"
                                                                                        alt="max"
                                                                                        class="img-fulid w-100">
                                                                                    <div class="avatars__status"></div>
                                                                                </div>
                                                                                <ul class="t-list msg-receiver__list">
                                                                                    <li class="msg-receiver__list-item">
                                                                                        hello this is for testing 1234
                                                                                    </li>
                                                                                    <li class="msg-receiver__list-item">
                                                                                        hello this is fine
                                                                                    </li>
                                                                                    <li class="msg-receiver__list-item">
                                                                                        hello this is for testing
                                                                                    </li>
                                                                                </ul>
                                                                            </div>
                                                                        </li>
                                                                        <li class="t-mb-30">
                                                                            <div
                                                                                class="msg-receiver d-flex align-items-end">
                                                                                <div
                                                                                    class="avatars avatars--circle avatars--sm-plus t-mr-5">
                                                                                    <img src="{% static 'assets/img/avatar.png' %}"
                                                                                        alt="max"
                                                                                        class="img-fulid w-100">
                                                                                    <div class="avatars__status"></div>
                                                                                </div>
                                                                                <ul class="t-list msg-receiver__list">
                                                                                    <li class="msg-receiver__list-item">
                                                                                        hello this is for testing 1234
                                                                                    </li>
                                                                                    <li class="msg-receiver__list-item">
                                                                                        hello this is fine
                                                                                    </li>
                                                                                    <li class="msg-receiver__list-item">
                                                                                        hello this is for testing
                                                                                    </li>
                                                                                </ul>
                                                                            </div>
                                                                        </li>
                                                                        <li class="t-mb-30">
                                                                            <ul class="t-list msg-sender__list">
                                                                                <li
                                                                                    class="msg-sender__list-item text-end">
                                                                                    <div class="msg-sender__message">
                                                                                        hello this is for testing 1234
                                                                                    </div>
                                                                                </li>
                                                                                <li
                                                                                    class="msg-sender__list-item text-end">
                                                                                    <div class="msg-sender__message">
                                                                                        hello this is fine
                                                                                    </div>
                                                                                </li>
                                                                                <li
                                                                                    class="msg-sender__list-item text-end">
                                                                                    <div class="msg-sender__message">
                                                                                        hello this is
                                                                                    </div>
                                                                                </li>
                                                                            </ul>
                                                                        </li>
                                                                        <li class="t-mb-30">
                                                                            <div
                                                                                class="msg-receiver d-flex align-items-end">
                                                                                <div
                                                                                    class="avatars avatars--circle avatars--sm-plus t-mr-5">
                                                                                    <img src="{% static 'assets/img/avatar.png' %}"
                                                                                        alt="max"
                                                                                        class="img-fulid w-100">
                                                                                    <div class="avatars__status"></div>
                                                                                </div>
                                                                                <ul class="t-list msg-receiver__list">
                                                                                    <li class="msg-receiver__list-item">
                                                                                        hello this is for testing 1234
                                                                                    </li>
                                                                                    <li class="msg-receiver__list-item">
                                                                                        hello this is for testing
                                                                                    </li>
                                                                                </ul>
                                                                            </div>
                                                                        </li>
                                                                        <li class="t-mb-30">
                                                                            <ul class="t-list msg-sender__list">
                                                                                <li
                                                                                    class="msg-sender__list-item text-end">
                                                                                    <div class="msg-sender__message">
                                                                                        hello this is for testing 1234
                                                                                    </div>
                                                                                </li>
                                                                            </ul>
                                                                        </li>
                                                                        <li class="t-mb-30">
                                                                            <div
                                                                                class="msg-receiver d-flex align-items-end">
                                                                                <div
                                                                                    class="avatars avatars--circle avatars--sm-plus t-mr-5">
                                                                                    <img src="{% static 'assets/img/avatar.png' %}"
                                                                                        alt="max"
                                                                                        class="img-fulid w-100">
                                                                                    <div class="avatars__status"></div>
                                                                                </div>
                                                                                <ul class="t-list msg-receiver__list">
                                                                                    <li class="msg-receiver__list-item">
                                                                                        hello this is for testing 1234
                                                                                    </li>
                                                                                    <li class="msg-receiver__list-item">
                                                                                        hello this is fine
                                                                                    </li>
                                                                                    <li class="msg-receiver__list-item">
                                                                                        hello this is for testing
                                                                                    </li>
                                                                                </ul>
                                                                            </div>
                                                                        </li>
                                                                        <li class="t-mb-30">
                                                                            <div
                                                                                class="msg-receiver d-flex align-items-end">
                                                                                <div
                                                                                    class="avatars avatars--circle avatars--sm-plus t-mr-5">
                                                                                    <img src="{% static 'assets/img/avatar.png' %}"
                                                                                        alt="max"
                                                                                        class="img-fulid w-100">
                                                                                    <div class="avatars__status"></div>
                                                                                </div>
                                                                                <ul class="t-list msg-receiver__list">
                                                                                    <li class="msg-receiver__list-item">
                                                                                        hello this is for testing 1234
                                                                                    </li>
                                                                                    <li class="msg-receiver__list-item">
                                                                                        hello this is fine
                                                                                    </li>
                                                                                    <li class="msg-receiver__list-item">
                                                                                        hello this is for testing
                                                                                    </li>
                                                                                </ul>
                                                                            </div>
                                                                        </li>
                                                                        <li class="t-mb-30">
                                                                            <ul class="t-list msg-sender__list">
                                                                                <li
                                                                                    class="msg-sender__list-item text-end">
                                                                                    <div class="msg-sender__message">
                                                                                        hello this is for testing 1234
                                                                                    </div>
                                                                                </li>
                                                                                <li
                                                                                    class="msg-sender__list-item text-end">
                                                                                    <div class="msg-sender__message">
                                                                                        hello this is fine
                                                                                    </div>
                                                                                </li>
                                                                                <li
                                                                                    class="msg-sender__list-item text-end">
                                                                                    <div class="msg-sender__message">
                                                                                        hello this is
                                                                                    </div>
                                                                                </li>
                                                                            </ul>
                                                                        </li>
                                                                        <li class="t-mb-30">
                                                                            <div
                                                                                class="msg-receiver d-flex align-items-end">
                                                                                <div
                                                                                    class="avatars avatars--circle avatars--sm-plus t-mr-5">
                                                                                    <img src="{% static 'assets/img/avatar.png' %}"
                                                                                        alt="max"
                                                                                        class="img-fulid w-100">
                                                                                    <div class="avatars__status"></div>
                                                                                </div>
                                                                                <ul class="t-list msg-receiver__list">
                                                                                    <li class="msg-receiver__list-item">
                                                                                        hello this is for testing 1234
                                                                                    </li>
                                                                                    <li class="msg-receiver__list-item">
                                                                                        hello this is for testing
                                                                                    </li>
                                                                                </ul>
                                                                            </div>
                                                                        </li>
                                                                        <li class="t-mb-30">
                                                                            <ul class="t-list msg-sender__list">
                                                                                <li
                                                                                    class="msg-sender__list-item text-end">
                                                                                    <div class="msg-sender__message">
                                                                                        hello this is for testing 1234
                                                                                    </div>
                                                                                </li>
                                                                            </ul>
                                                                        </li>
                                                                        <li class="t-mb-30">
                                                                            <div
                                                                                class="msg-receiver d-flex align-items-end">
                                                                                <div
                                                                                    class="avatars avatars--circle avatars--sm-plus t-mr-5">
                                                                                    <img src="{% static 'assets/img/avatar.png' %}"
                                                                                        alt="max"
                                                                                        class="img-fulid w-100">
                                                                                    <div class="avatars__status"></div>
                                                                                </div>
                                                                                <ul class="t-list msg-receiver__list">
                                                                                    <li class="msg-receiver__list-item">
                                                                                        hello this is for testing 1234
                                                                                    </li>
                                                                                    <li class="msg-receiver__list-item">
                                                                                        hello this is fine
                                                                                    </li>
                                                                                    <li class="msg-receiver__list-item">
                                                                                        hello this is for testing
                                                                                    </li>
                                                                                </ul>
                                                                            </div>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                            <div
                                                                class="chat__right-footer d-flex align-items-center t-bg-white t-pt-15 t-pb-15 t-pl-15 t-pr-15 mx-auto">
                                                                <ul class="t-list d-flex">
                                                                    <li class="t-mr-8">
                                                                        <a href="#"
                                                                            class="t-link t-link--primary xlg-text">
                                                                            <span class="fa fa-paperclip"></span>
                                                                        </a>
                                                                    </li>
                                                                    <li class="t-mr-8">
                                                                        <a href="#"
                                                                            class="t-link t-link--primary xlg-text">
                                                                            <span class="fa fa-file-image-o"></span>
                                                                        </a>
                                                                    </li>
                                                                    <li class="t-mr-8">
                                                                        <a href="#"
                                                                            class="t-link t-link--primary xlg-text">
                                                                            <span class="fa fa-smile-o"></span>
                                                                        </a>
                                                                    </li>

                                                                </ul>
                                                                <form action="#" class="chat__form flex-grow-1">
                                                                    <div class="chat__search">
                                                                        <input type="text" placeholder="type message..."
                                                                            class="chat__search-input w-100">
                                                                    </div>
                                                                </form>
                                                                <ul class="t-list d-flex">
                                                                    <li class="t-ml-8">
                                                                        <a href="#"
                                                                            class="t-link t-link--primary xlg-text">
                                                                            <span class="fa fa-thumbs-o-up"></span>
                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </main>

                                    <footer class="t-mb-30">
                                        <div class="container-fluid px-3">
                                            <div class="row g-3">
                                                <div class="col-12">
                                                    <div
                                                        class="t-pt-15 t-pb-15 cards t-bg-white t-shadow text-center sm-text">
                                                        <span class="t-text-dark">&copy;</span> <a href="#"
                                                            class="t-link t-link--alpha text-capitalize">Adminage</a>
                                                        <span class="t-text-dark text-capitalize">all right By <a href="http://www.bootstrapmb.com/">bootstrapmb</a>
                                                            2020</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </footer>

                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Page Wrapper End -->

    <!-- jquery -->
    <script src="{% static 'assets/js/jquery.js' %}"></script>
    <script src="{% static 'assets/js/jquery-ui.min.js' %}"></script>

    <!-- Date and Time  -->
    <script src="{% static 'assets/js/moment.js' %}"></script>
    <script src="{% static 'assets/js/bootstrap-material-datetimepicker.js' %}"></script>

    <!-- Bootstrap -->
    <script src="{% static 'assets/js/bootstrap.bundle.min.js' %}"></script>
    <!-- Slick Slider  -->
    <script src="{% static 'assets/js/slick.min.js' %}"></script>
    <!-- Owl carousel -->
    <script src="{% static 'assets/js/owl.carousel.min.js' %}"></script>
    <!-- simplebar -->
    <script src="{% static 'assets/js/simplebar.js' %}"></script>
    <!-- Prism JS  -->
    <script src="{% static 'assets/js/prism.js' %}"></script>
    <!-- Feather Icon  -->
    <script src="{% static 'assets/js/feather.js' %}"></script>
    <!-- Nice Select  -->
    <script src="{% static 'assets/js/jquery.nice-select.min.js' %}"></script>
    <!-- Dropzone  -->
    <script src="{% static 'assets/js/dropzone.js' %}"></script>
    <!-- ION Range Slider  -->
    <script src="{% static 'assets/js/ion.rangeSlider.js' %}"></script>
    <!-- Touchspin  -->
    <script src="{% static 'assets/js/jquery.bootstrap-touchspin.min.js' %}"></script>
    <!-- Rating Bar -->
    <script src="{% static 'assets/js/jquery.barrating.min.js' %}"></script>
    <!-- Calendar  -->
    <script src="{% static 'assets/js/fullcalendar.min.js' %}"></script>
    <!-- Main script -->
    <script src="{% static 'assets/js/main.js' %}"></script>
</body>

</html>
